Merge pull request #233 from Insality/develop

Merge Druid 0.11 to Master

.gitattributes

@@ -0,0 +1,18 @@
+# Defold GLSL Shaders
+*.fp linguist-language=GLSL
+*.vp linguist-language=GLSL
+
+# Defold Lua Files
+*.editor_script linguist-language=Lua
+*.render_script linguist-language=Lua
+*.script linguist-language=Lua
+*.gui_script linguist-language=Lua
+
+# Defold Files
+*.atlas linguist-language=JSON5
+*.collection linguist-language=JSON5
+*.font linguist-language=JSON5
+*.go linguist-language=JSON5
+*.gui linguist-language=JSON5
+*.tilemap linguist-language=JSON5
+*.tilesource linguist-language=JSON5

.github/FUNDING.yml

@@ -0,0 +1,5 @@
+# These are supported funding model platforms
+
+github: insality # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+ko_fi: insality # Replace with a single Ko-fi username
+custom: ['https://www.buymeacoffee.com/insality']

.github/workflows/ci-workflow.yml

@@ -0,0 +1,23 @@
+name: Run tests
+
+on: [push]
+
+jobs:
+    build_and_run:
+        name: Build and run tests
+        runs-on: ubuntu-latest
+        steps:
+          - uses: actions/checkout@v2
+            with:
+                lfs: true
+          - uses: actions/setup-java@v1
+            with:
+                java-version: '13'
+
+          - name: Build && Run
+            run: |
+              deployer_url="https://raw.githubusercontent.com/Insality/defold-deployer/1/deployer.sh"
+              curl -s ${deployer_url} | bash -s lbd --headless --settings ./unit_test.txt
+
+          - name: Upload test report
+            run: bash <(curl -s https://codecov.io/bash)

.gitignore

@@ -9,3 +9,5 @@ Thumbs.db
 .cproject
 builtins
 dist
+deployer_version_settings.txt
+.deployer_cache

.luacheckrc

@@ -2,7 +2,7 @@ std = "max"
 files['.luacheckrc'].global = false
 unused_args = false
 
-max_code_line_length = 90
+max_code_line_length = 120
 max_comment_line_length = false
 
 globals = {
@@ -45,7 +45,12 @@ globals = {
   "debug",
   "timer",
   "window",
-  "buffer", 
+  "buffer",
   "resource",
   "defos",
+  "html5",
+  "describe",
+  "before",
+  "after",
+  "it",
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Maxim Tuprikov
+Copyright (c) 2021 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

README.md

@@ -1,152 +1,153 @@
 
-
-
 [![](media/druid_logo.png)](https://insality.github.io/druid/)
 
+[![Github-sponsors](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/insality) [![Ko-Fi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/insality) [![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/insality)
+
 [![GitHub release (latest by date)](https://img.shields.io/github/v/release/insality/druid)](https://github.com/Insality/druid/releases)
+[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/insality/druid/ci-workflow.yml?branch=master)](https://github.com/Insality/druid/actions)
+[![codecov](https://codecov.io/gh/Insality/druid/branch/master/graph/badge.svg)](https://codecov.io/gh/Insality/druid)
 
-**Druid** - powerful Defold component UI library. Use basic **Druid** components or make your own game-specific components to make amazing GUI in your games.
+**Druid** - powerful **Defold** component UI framework that empowers developers to create stunning and customizable GUIs by leveraging a wide range of embedded components or effortlessly designing their own game-specific components.
 
+Try the [**HTML5 version**](https://insality.github.io/druid/druid/) of the **Druid** example app.
 
 ## Setup
 
 ### Dependency
 
-You can use the **Druid** extension in your own project by adding this project as a [Defold library dependency](https://www.defold.com/manuals/libraries/). Open your game.project file and in the dependencies field under project add:
+To integrate the **Druid** extension into your own project, add this project as a [dependency](https://www.defold.com/manuals/libraries/) in your **Defold** game. Open your `game.project` file and add the following line to the dependencies field under the project section:
 
-> [https://github.com/Insality/druid/archive/master.zip](https://github.com/Insality/druid/archive/master.zip)
+**Druid v0.11.0**
 
-Or point to the ZIP file of a  [specific release](https://github.com/Insality/druid/releases).
+> [https://github.com/Insality/druid/archive/refs/tags/0.11.0.zip](https://github.com/Insality/druid/archive/refs/tags/0.11.0.zip)
 
-### Input bindings
+Here is a list of [all releases](https://github.com/Insality/druid/releases).
 
-For **Druid** to work requires next input bindings:
+Size: **67.16 KB**
 
-- 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_
+> The size metrics exlcude the extended components, which are including only on demand.
 
-![](media/input_binding_2.png)
-![](media/input_binding_1.png)
+### Input Bindings
+**Druid** utilizes the `/builtins/input/all.input_binding` input bindings. For custom input bindings, refer to the Input Binding section in the  **_[Advanced Setup](docs_md/advanced-setup.md#input-bindings)_**.
 
 
-### Input capturing [optional]
+## Usage
 
-By default, **Druid** will auto-capture input focus, if any input component will be created. So you don't need to call `msg.post(".", "acquire_input_focus)"`
+### Basic usage
 
-If you not need this behaviour, you can disable it by settings `druid.no_auto_input` field in _game.project_:
-```
-[druid]
-no_auto_input = 1
-```
+To utilize **Druid**, begin by creating a **Druid** instance to instantiate components and include the main functions of **Druid**: *update*, *final*, *on_message*, and *on_input*.
 
-### Code [optional]
+When using **Druid** components, provide a node name string as an argument. If you don't have the node name available in some cases, you can pass `gui.get_node()` instead.
 
-Adjust **Druid** settings, if needed:
-```lua
-local druid = require("druid.druid")
-
--- Used for button component and custom components
--- Callback should play sound by name
-druid.set_sound_function(callback)
-
--- Used for lang_text component
--- Callback should return localized string by locale id
-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)
-```
-
-
-## Components
-
-**Druid** provides next basic components:
-
-- **[Button](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#button)** - Basic Druid input component
-
-- **[Text](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#text)** - Basic Druid text component
-
-- **[Lang text](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#lang-text)** - Wrap on Text component to handle localization
-
-- **[Scroll](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#scroll)** - Basic Druid scroll component
-
-- **[Progress](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#progress)** - Basic Druid progress bar component
-
-- **[Slider](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#slider)** - Basic Druid slider component
-
-- **[Input](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#input)** - Basic Druid text input component (unimplemented)
-
-- **[Checkbox](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#checkbox)** - Basic Druid checkbox component
-
-- **[Checkbox group](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#checkbox-group)** - Several checkboxes in one group
-
-- **[Radio group](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#radio-group)** - Several checkboxes in one group with single choice
-
-- **[Blocker](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#blocker)** - Block input in node zone component
-
-- **[Back Handler](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#back-handler)** - Handle back button (Android back, backspace)
-
-- **[Timer](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#timer)** - Handle timer work on gui text node
-
-- **[Grid](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#grid)** - Component for manage node positions 
-
-- **[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)_
-
-
-## Basic usage
-
-For using **Druid**, first you should create Druid instance to spawn components. Pass to new Druid instance main engine functions: *update*, *on_message* and *on_input*
-
-All **Druid** components as arguments can apply node name string, you can don't do `gui.get_node()` before
-
-All **Druid** and component methods calling with `:` like `self.druid:new_button()`
+All **Druid** and component methods are invoked using the `:` operator, such as `self.druid:new_button()`.
 
 ```lua
 local druid = require("druid.druid")
 
-local function button_callback(self)
-	print("Button was clicked!")
+-- All component callbacks pass "self" as first argument
+-- This "self" is a context data passed in `druid.new(context)`
+local function on_button_callback(self)
+    print("The button clicked!")
 end
 
 function init(self)
-	self.druid = druid.new(self)
-	self.druid:new_button("button_node_name", button_callback)
+    self.druid = druid.new(self)
+    self.button = self.druid:new_button("button_node_name", on_button_callback)
 end
 
+-- "final" is a required function for the correct Druid workflow
 function final(self)
-	self.druid:final()
+    self.druid:final()
 end
 
-function on_input(self, action_id, action)
-	return self.druid:on_input(action_id, action)
+-- "update" is used in progress bar, scroll, and timer basic components
+function update(self, dt)
+    self.druid:update(dt)
 end
+
+-- "on_message" is used for specific Druid events, like language change or layout change
+function on_message(self, message_id, message, sender)
+    self.druid:on_message(message_id, message, sender)
+end
+
+-- "on_input" is used in almost all Druid components
+-- The return value from `druid:on_input` is required!
+function on_input(self, action_id, action)
+    return self.druid:on_input(action_id, action)
+end
+
 ```
 
+For all **Druid** instance functions, [see here](https://insality.github.io/druid/modules/DruidInstance.html).
+
+
+### API Documentation
+
+**Druid** offers a wide range of components and functions. To facilitate usage, **Druid** provides comprehensive API documentation with examples and annotations.
+
+Start reading the API documentation [here](https://insality.github.io/druid/modules/Druid.html).
+
+**Druid** provide the *EmmyLua* annotations to add autocomplete inside your IDE. Check [EmmyLua Setup here](docs_md/advanced-setup.md#emmylua-annotations).
+
+
+### Create custom components
+
+If you want to create your own components, refer to the [Create Custom Components](docs_md/02-creating_custom_components.md) section in the documentation.
+
+Custom components are one of the most powerful features of **Druid**. They allow you to create your own components effortlessly and utilize them in your game.
+
+
+## Druid Components
+
+Here is full **Druid** components list.
+
+### Basic Components
+
+> Basic components always included in the build and available for use.
+
+| Name | Description | Example | <div style="width:200px">Preview</div> |
+|------|-------------|---------|---------|
+| **[Button](https://insality.github.io/druid/modules/Button.html)** | Logic over GUI Node. Handle the user click interactions: click, long click, double click, etc. | [Button Example](https://insality.github.io/druid/druid/?example=general_buttons) | <img src="media/preview/button.gif" width="200" height="100"> |
+| **[Text](https://insality.github.io/druid/modules/Text.html)** | Logic over GUI Text. By default Text component fit the text inside text node size area with different adjust modes. | [Text Example](https://insality.github.io/druid/druid/?example=texts_general) | <img src="media/preview/text.gif" width="200" height="100"> |
+| **[Scroll](https://insality.github.io/druid/modules/Scroll.html)** | Logic over two GUI Nodes: input and content. Provides basic behaviour for scrollable content. | [Scroll Example](https://insality.github.io/druid/druid/?example=general_scroll) | <img src="media/preview/scroll.gif" width="200" height="100"> |
+| **[Blocker](https://insality.github.io/druid/modules/Blocker.html)** | Logic over GUI Node. Don't pass any user input below node area size. | ❌ | |
+| **[Back Handler](https://insality.github.io/druid/modules/BackHandler.html)** | Call callback on user "Back" action. It's a Android back button or keyboard backspace key | ❌ | |
+| **[Static Grid](https://insality.github.io/druid/modules/StaticGrid.html)** | Logic over GUI Node. Component to manage node positions with all equal node sizes. | [Static Gid Example](https://insality.github.io/druid/druid/?example=general_grid) | <img src="media/preview/static_grid.gif" width="200" height="100"> |
+| **[Hover](https://insality.github.io/druid/modules/Hover.html)** | Logic over GUI Node. Handle hover action over node. For both: mobile touch and mouse cursor. | ❌ | <img src="media/preview/hover.gif" width="200" height="100"> |
+| **[Swipe](https://insality.github.io/druid/modules/Swipe.html)** | Logic over GUI Node. Handle swipe gestures over node. | [Swipe Example](https://insality.github.io/druid/druid/?example=general_swipe) | <img src="media/preview/swipe.gif" width="200" height="100"> |
+| **[Drag](https://insality.github.io/druid/modules/Drag.html)** | Logic over GUI Node. Handle drag input actions. Can be useful to make on screen controlls. | [Drag Example](https://insality.github.io/druid/druid/?example=general_drag) | <img src="media/preview/drag.gif" width="200" height="100"> |
+
+
+### Extended components
+
+> Extended components before usage should be registered in **Druid** with [`druid.register()`](https://insality.github.io/druid/modules/Druid.html#druid.register) function.
+> On usage of unregistered **Druid** component the next log will be shown in the console.
+```
+local data_list = require("druid.extended.data_list")
+druid.register("data_list", data_list)
+```
+
+| Name | Description | Example | <div style="width:200px">Preview</div> |
+|------|-------------|---------|---------|
+| **[Checkbox](https://insality.github.io/druid/modules/Checkbox.html)** | Switch node state on click event. | [Checkbox Example](https://insality.github.io/druid/druid/?example=general_checkboxes) | <img src="media/preview/checkbox.gif" width="200" height="100"> |
+| **[Checkbox group](https://insality.github.io/druid/modules/CheckboxGroup.html)** | Group of checkbox components. | [Checkbox group Example](https://insality.github.io/druid/druid/?example=general_checkboxes) | <img src="media/preview/checkbox_group.gif" width="200" height="100"> |
+| **[Radio group](https://insality.github.io/druid/modules/RadioGroup.html)** | Like checkbox group but with single choise only. | [Radio Group Example](https://insality.github.io/druid/druid/?example=general_checkboxes) | <img src="media/preview/radio_group.gif" width="200" height="100"> |
+| **[Dynamic Grid](https://insality.github.io/druid/modules/DynamicGrid.html)** | Logic over GUI Node. Component to manage node positions with all different node sizes. Only one direction: horizontal or vertical. | [Dynamic Grid Example](https://insality.github.io/druid/druid/?example=general_grid) | <img src="media/preview/dynamic_grid.gif" width="200" height="100"> |
+| **[Data List](https://insality.github.io/druid/modules/DataList.html)** | Logic over Scroll and Grid components. Create only visible GUI nodes or components to make "infinity" scroll befaviour | [Data List Example](https://insality.github.io/druid/druid/?example=general_data_list) | <img src="media/preview/data_list.gif" width="200" height="100"> |
+| **[Input](https://insality.github.io/druid/modules/Input.html)** | Logic over GUI Node and GUI Text (or Text component). Provides basic user text input. | [Input Example](https://insality.github.io/druid/druid/?example=general_input) | <img src="media/preview/input.gif" width="200" height="100"> |
+| **[Lang text](https://insality.github.io/druid/modules/LangText.html)** | Logic over Text component to handle localization. Can be translated in real-time with `druid.on_language_change` | ❌ | <img src="media/preview/lang_text.gif" width="200" height="100"> |
+| **[Progress](https://insality.github.io/druid/modules/Progress.html)** | Logic over GUI Node. Handle node size and scale to handle progress node size. | [Progress Example](https://insality.github.io/druid/druid/?example=general_progress_bar) | <img src="media/preview/progress.gif" width="200" height="100"> |
+| **[Slider](https://insality.github.io/druid/modules/Slider.html)** | Logic over GUI Node. Handle draggable node with position restrictions. | [Slider Example](https://insality.github.io/druid/druid/?example=general_sliders) | <img src="media/preview/slider.gif" width="200" height="100"> |
+| **[Timer](https://insality.github.io/druid/modules/Timer.html)** | Logic over GUI Text. Handle basic timer functions. | ❌ | <img src="media/preview/timer.gif" width="200" height="100"> |
+| **[Hotkey](https://insality.github.io/druid/modules/Hotkey.html)** | Allow to set callbacks for keyboard hotkeys with key modificators. | [Hotkey Example](https://insality.github.io/druid/druid/?example=general_hotkey) | <img src="media/preview/hotkey.gif" width="200" height="100"> |
+| **[Layout](https://insality.github.io/druid/modules/Layout.html)** | Logic over GUI Node. Handle node size depends on layout mode and screen aspect ratio. Contains helpers to build more complex UI layout. | [Layout Example](https://insality.github.io/druid/druid/?example=general_layout) | <img src="media/preview/layout.gif" width="200" height="100"> |
+
+For a complete overview, see: **_[components.md](docs_md/01-components.md)_**.
+
+
 ## Druid Events
 
-Any **Druid** components as callbacks uses [Druid Events](https://insality.github.io/druid/modules/druid_event.html). In component API ([button example](https://insality.github.io/druid/modules/druid.button.html#Events)) pointed list of component events. You can manually subscribe on this events by next API:
+Any **Druid** components as callbacks use [Druid Events](https://insality.github.io/druid/modules/DruidEvent.html). In component API ([button example](https://insality.github.io/druid/modules/Button.html#on_click)) pointed list of component events. You can manually subscribe to these events with the following API:
 
 - **event:subscribe**(callback)
 
@@ -154,86 +155,56 @@ Any **Druid** components as callbacks uses [Druid Events](https://insality.githu
 
 - **event:clear**()
 
-Any events can handle several callbacks, if needed.
+You can subscribe several callbacks to a single event.
 
+## Details
 
-## Druid lifecycle
-
-Here is full druid lifecycle setup in your ***.gui_script** file:
-```lua
-local druid = require("druid.druid")
-
-function init(self)
-	self.druid = druid.new(self)
-end
-
-function final(self)
-	self.druid:final()
-end
-
-function update(self, dt)
-	self.druid:update(dt)
-end
-
-function on_input(self, action_id, action)
-	return self.druid:on_input(action_id, action)
-end
-
-function on_message(self, message_id, message, sender)
-	self.druid:on_message(message_id, message, sender)
-end
-```
-
-- *final* required function for correct druid lifecycle
-- *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
-
-Recommended is fully integrate all druid lifecycles functions
-
-
-## Features
-
-- Druid input goes as stack. Last created button will checked first. So create your GUI from back
-- Don't forget about `return` in `on_input`: `return self.druid:on_input()`. It need, if you have more than 1 acquire inputs (several druid, other input system, etc)
-- Druid by default do _acquire_input_focus_. So you don't need do it manually. Buy only if you have components, which requires _on_input_ 
+- **Druid** processes input in a stack-based manner. The most recently created button will be checked first. Create your input GUI components from back to front.
+- Remember to include `return` in the `on_input` function: `return self.druid:on_input()`. This is necessary if you have multiple input sources (multiple Druid instances, other input systems, etc.).
+- Druid automatically calls `acquire_input_focus` if you have input components. Therefore, manual calling of `acquire_input_focus` is not required.
+- When deleting a **Druid** component node, make sure to remove it using `druid:remove(component)`.
 
 
 ## Examples
 
-See the [example folder](https://github.com/Insality/druid/tree/develop/example) for examples of how to use **Druid**
+Try the [**HTML5 version**](https://insality.github.io/druid/druid/) of the **Druid** example app.
 
-See the [druid-assets repository](https://github.com/insality/druid-assets) for examples of how to create custom components and styles
+Each example page provides a direct link to the corresponding example code, making it easier for you to understand how to use **Druid**.
 
-Try the [HTML5 version](https://insality.github.io/druid/druid/) of the example app
+Or refer directly to the [**example folder**](https://github.com/Insality/druid/tree/develop/example) for code examples demonstrating how to use **Druid**.
 
+If you want to see examples of GUIs created with Druid, please refer to the [game_examples.md](docs_md/game_examples.md) file.
 
 ## Documentation
 
-To learn **Druid** better, read next documentation:
-- [Druid components](https://github.com/Insality/druid/blob/master/docs_md/01-components.md)
-- [Create custom components](https://github.com/Insality/druid/blob/master/docs_md/02-creating_custom_components.md)
-- [Druid styles](https://github.com/Insality/druid/blob/master/docs_md/03-styles.md)
-- [Druid asset store](https://github.com/Insality/druid/blob/master/docs_md/04-druid_assets.md)
+To better understand **Druid**, read the following documentation:
+- [How To GUI in Defold](https://forum.defold.com/t/how-to-gui-in-defold/73256)
+- [Druid components](docs_md/01-components.md)
+- [Create custom components](docs_md/02-creating_custom_components.md)
+- [See FAQ article](docs_md/FAQ.md)
+- [Druid styles](docs_md/03-styles.md)
 
-Full **Druid** documentation you can find here:
-https://insality.github.io/druid/
+You can find the full **Druid** [documentation here](https://insality.github.io/druid/modules/Druid.html).
 
 
-## Games powered by Druid
+## Licenses
 
-_Will fill later_
-
-
-## License
-
-- Original created by [AGulev](https://github.com/AGulev)
-- Developed and supporting by [Insality](https://github.com/Insality)
+- Developed and supported by [Insality](https://github.com/Insality)
+- Original idea by [AGulev](https://github.com/AGulev)
 - Assets from [Kenney](http://www.kenney.nl/)
 
-**MIT** License
-
 
 ## Issues and suggestions
 
-If you have any issues, questions or suggestions please  [create an issue](https://github.com/Insality/druid/issues)  or contact me:  [insality@gmail.com](mailto:insality@gmail.com)
+If you have any issues, questions or suggestions please [create an issue](https://github.com/Insality/druid/issues) or contact me: [insality@gmail.com](mailto:insality@gmail.com)
+
+
+## History
+For a complete history of the development of **Druid**, please check the [changelog](docs_md/changelog.md).
+
+
+## ❤️ Support project ❤️
+
+Your donation helps me stay engaged in creating valuable projects for **Defold**. If you appreciate what I'm doing, please consider supporting me!
+
+[![Github-sponsors](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/insality) [![Ko-Fi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/insality) [![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/insality)

config.ld

@@ -1,17 +1,19 @@
 project='Druid'
-title='Defold Druid UI Library'
-description='Documentation for Druid Library'
+title='Defold Druid UI Framework'
+description='Documentation for Druid Framework'
 file={"./druid",
 	exclude = {
 		"./druid/styles/",
-		"./druid/system/middleclass.lua"
+		"./druid/system/middleclass.lua",
+		"./druid/templates/",
+		"./druid/annotations.lua",
+		"./druid/custom/rich_text/module",
 	}
 }
 package='druid'
-sort=false
+sort=true
 dir='./docs'
 style='!fixed'
-format='discount'
-topics={"./docs_md", "README.md"}
+topics={}
 use_markdown_titles=true
-no_space_before_args=true
+no_space_before_args=true

deployer_build_stats.csv

@@ -0,0 +1,18 @@
+date,sha,version,build_size,build_time,platform,mode,is_cache_using,commits_count
+2022-02-28T19:06:43Z,3b329f9c25c9672e4030edb039b0225fa46f7ce1,0.8.521,4356,68,armv7-android,debug,true,521
+2022-02-28T19:14:56Z,3b329f9c25c9672e4030edb039b0225fa46f7ce1,0.8.521,4356,51,armv7-android,debug,true,521
+2022-02-28T19:16:23Z,3b329f9c25c9672e4030edb039b0225fa46f7ce1,0.8.521,4356,11,armv7-android,debug,true,521
+2022-02-28T19:19:46Z,3b329f9c25c9672e4030edb039b0225fa46f7ce1,0.8.521,4356,11,armv7-android,debug,true,521
+2022-02-28T19:22:51Z,3b329f9c25c9672e4030edb039b0225fa46f7ce1,0.8.521,4356,11,armv7-android,debug,true,521
+2022-03-12T10:01:30Z,d0f3d6641a08b0d6b719b13017aa85907d1667e5,0.8.564,2200,44,js-web,release,true,564
+2022-08-29T18:27:58Z,b2643ebd268b15884363efd17724e689279946f1,0.9.589,2316,45,js-web,release,true,589
+2022-08-29T18:46:47Z,13003e472169cbd261e703eca7b133adf64a24f7,0.9.592,2316,40,js-web,release,true,592
+2022-09-09T17:55:42Z,072507cc9e715541bdee7636d2e5eeeb3c22a57d,0.10.603,2340,43,js-web,release,true,603
+2022-09-09T18:00:07Z,072507cc9e715541bdee7636d2e5eeeb3c22a57d,0.10.603,2340,5,js-web,release,true,603
+2023-07-05T20:19:22Z,d0062c2a78e618871ebb4c8ee66b1509b763f069,0.10.671,3292,12,x86_64-linux,headless,true,671
+2023-07-13T18:37:07Z,1cbe57376397a8352bbafcc67de0b6f95ae37b35,0.10.682,2496,53,js-web,release,true,682
+2023-07-13T19:31:47Z,ea185622702e6691275187741b1e2ee0c7f079ec,0.11.686,2452,51,js-web,release,true,686
+2023-07-15T12:56:18Z,556e1a9bae620e2df290b10287fa8d0f64d47293,0.11.690,2468,51,js-web,release,true,690
+2023-08-05T16:02:55Z,628723386eb3875f7190d079a2e7c510d044a311,0.11.692,2456,40,js-web,release,true,692
+2023-08-05T16:31:19Z,37fff52aa59feb20f761ef4d340d9f677743d54b,0.11.693,2456,43,js-web,release,true,693
+2023-08-05T16:41:25Z,d7dd4a86b81d73d345ad7e136de9c2c488bc4d8b,0.11.694,2452,43,js-web,release,true,694

docs/druid/archive/archive_files.json

@@ -1 +1 @@
-{"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}]}]}
+{"content":[{"name":"game.projectc","size":4114,"pieces":[{"name":"game.projectc0","offset":0}]},{"name":"game.arci","size":23008,"pieces":[{"name":"game.arci0","offset":0}]},{"name":"game.arcd","size":607568,"pieces":[{"name":"game.arcd0","offset":0}]},{"name":"game.dmanifest","size":24253,"pieces":[{"name":"game.dmanifest0","offset":0}]},{"name":"game.public.der","size":162,"pieces":[{"name":"game.public.der0","offset":0}]}]}

docs/druid/archive/game.projectc0

@@ -1,19 +1,26 @@
 [project]
 title = druid
-version = 0.4.0
+version = 0.11.694
 write_log = 0
 compress_archive = 1
+publisher = Insality
+developer = Insality
+commit_sha = d7dd4a86b81d73d345ad7e136de9c2c488bc4d8b
+build_date = 2023-08-05T16:41:25Z
+title_as_file_name = druid
 
 [display]
 width = 600
 height = 900
-high_dpi = 0
+high_dpi = 1
 samples = 0
 fullscreen = 0
 update_frequency = 0
+swap_interval = 1
 vsync = 1
-display_profiles = /builtins/render/default.display_profilesc
-dynamic_orientation = 0
+display_profiles = /example/custom.display_profilesc
+dynamic_orientation = 1
+display_device_info = 0
 
 [render]
 clear_color_red = 0
@@ -23,6 +30,8 @@ clear_color_alpha = 0
 
 [physics]
 type = 2D
+max_collision_object_count = 128
+use_fixed_timestep = 0
 gravity_y = -10
 debug = 0
 debug_alpha = 0.9
@@ -30,6 +39,7 @@ world_count = 4
 gravity_x = 0
 gravity_z = 0
 scale = 1
+allow_dynamic_transforms = 1
 debug_scale = 30
 max_collisions = 64
 max_contacts = 128
@@ -37,18 +47,25 @@ contact_impulse_limit = 0
 ray_cast_limit_2d = 64
 ray_cast_limit_3d = 128
 trigger_overlap_capacity = 16
+velocity_threshold = 1
+max_fixed_timesteps = 2
 
 [bootstrap]
-main_collection = /example/kenney.collectionc
+main_collection = /example/example.collectionc
 render = /builtins/render/default.renderc
 
 [graphics]
 default_texture_min_filter = linear
 default_texture_mag_filter = linear
-max_draw_calls = 1024
+max_draw_calls = 128
 max_characters = 8192
 max_debug_vertices = 10000
 texture_profiles = /example/custom.texture_profiles
+verify_graphics_calls = 0
+memory_size = 512
+
+[shader]
+output_spirv = 0
 
 [sound]
 gain = 1
@@ -56,6 +73,8 @@ max_sound_data = 128
 max_sound_buffers = 32
 max_sound_sources = 16
 max_sound_instances = 256
+max_component_count = 32
+use_thread = 1
 
 [resource]
 http_cache = 0
@@ -69,14 +88,15 @@ game_binding = /input/game.input_bindingc
 use_accelerometer = 0
 
 [sprite]
-max_count = 128
+max_count = 16
 subpixels = 1
 
-[spine]
-max_count = 128
-
 [model]
-max_count = 128
+max_count = 0
+split_meshes = 0
+
+[mesh]
+max_count = 0
 
 [gui]
 max_count = 64
@@ -84,60 +104,81 @@ max_particlefx_count = 64
 max_particle_count = 1024
 
 [collection]
-max_instances = 1024
+max_instances = 128
+max_input_stack_entries = 16
 
 [collection_proxy]
 max_count = 8
 
 [collectionfactory]
-max_count = 128
+max_count = 64
 
 [factory]
-max_count = 128
+max_count = 16
 
 [ios]
+launch_screen = /builtins/manifests/ios/LaunchScreen.storyboardc
 pre_renderered_icons = 0
 bundle_identifier = example.unnamed
+bundle_name = 
 infoplist = /builtins/manifests/ios/Info.plist
+default_language = en
+localizations = en
 
 [android]
-version_code = 1
-minimum_sdk_version = 16
-target_sdk_version = 28
+version_code = 694
+minimum_sdk_version = 19
+target_sdk_version = 33
 package = com.insality.druid
+gcm_sender_id = 
 manifest = /builtins/manifests/android/AndroidManifest.xml
 iap_provider = GooglePlay
 input_method = HiddenInputField
 immersive_mode = 0
+display_cutout = 1
 debuggable = 0
+proguard = 
 
 [osx]
+app_icon = 
 infoplist = /builtins/manifests/osx/Info.plist
 bundle_identifier = example.unnamed
+bundle_name = 
+bundle_version = 1
+default_language = en
+localizations = en
 
 [windows]
+app_icon = 
 
 [html5]
 custom_heap_size = 0
 heap_size = 64
 htmlfile = /builtins/manifests/web/engine_template.html
-cssfile = /builtins/manifests/web/light_theme.css
+cssfile = /example/light_theme.css
+splash_image = /media/druid_logo.png
 archive_location_prefix = archive
+archive_location_suffix = 
+engine_arguments = --verify-graphics-calls=false
+wasm_streaming = 0
 show_fullscreen_button = 0
 show_made_with_defold = 0
+show_console_banner = 1
 scale_mode = fit
-engine_arguments = --verify-graphics-calls=false
-splash_image = /media/druid_logo.png
 
 [particle_fx]
-max_count = 64
-max_particle_count = 1024
+max_count = 0
+max_emitter_count = 0
+max_particle_count = 0
 
 [iap]
 auto_finish_transactions = 1
 
 [network]
 http_timeout = 0
+ssl_certificates = 
+http_thread_count = 4
+http_cache_enabled = 1
 
 [library]
 include_dirs = druid
@@ -146,24 +187,39 @@ include_dirs = druid
 shared_state = 1
 
 [label]
-max_count = 64
+max_count = 0
 subpixels = 1
 
 [profiler]
 track_cpu = 0
+sleep_between_server_updates = 0
 
 [liveupdate]
 settings = /liveupdate.settings
+enabled = 1
 
 [tilemap]
-max_count = 16
-max_tile_count = 2048
+max_count = 0
+max_tile_count = 0
 
 [engine]
 run_while_iconified = 0
+fixed_update_frequency = 60
 
 [druid]
 no_auto_input = 0
+no_stencil_check = 0
+no_auto_template = 0
+input_text = text
+input_touch = touch
+input_marked_text = marked_text
+input_key_esc = key_esc
+input_key_back = key_back
+input_key_enter = key_enter
+input_key_backspace = key_backspace
+input_multitouch = touch_multi
+input_scroll_up = mouse_wheel_up
+input_scroll_down = mouse_wheel_down
 
 [native_extension]
 app_manifest = /example/game.appmanifest

docs/druid/dmloader.js

@@ -1,247 +1,416 @@
+// file downloader
+// wraps XMLHttpRequest and adds retry support and progress updates when the
+// content is gzipped (gzipped content doesn't report a computable content length
+// on Google Chrome)
+var FileLoader = {
+    options: {
+        retryCount: 4,
+        retryInterval: 1000,
+    },
+    // do xhr request with retries
+    request: function(url, method, responseType, currentAttempt) {
+        if (typeof method === 'undefined') throw "No method specified";
+        if (typeof method === 'responseType') throw "No responseType specified";
+        if (typeof currentAttempt === 'undefined') currentAttempt = 0;
+        var obj = {
+            send: function() {
+                var onprogress = this.onprogress;
+                var onload = this.onload;
+                var onerror = this.onerror;
+
+                var xhr = new XMLHttpRequest();
+                xhr.open(method, url, true);
+                xhr.responseType = responseType;
+                xhr.onprogress = function(e) {
+                    if (onprogress) onprogress(xhr, e);
+                };
+                xhr.onerror = function(e) {
+                    if (currentAttempt == FileLoader.options.retryCount) {
+                        if (onerror) onerror(xhr, e);
+                        return;
+                    }
+                    currentAttempt = currentAttempt + 1;
+                    setTimeout(obj.send.bind(obj), FileLoader.options.retryInterval);
+                };
+                xhr.onload = function(e) {
+                    if (onload) onload(xhr, e);
+                };
+                xhr.send(null);
+            }
+        };
+        return obj;
+    },
+    // Do HTTP HEAD request to get size of resource
+    // callback will receive size or undefined in case of an error
+    size: function(url, callback) {
+        var request = FileLoader.request(url, "HEAD", "text");
+        request.onerror = function(xhr, e) {
+            callback(undefined);
+        };
+        request.onload = function(xhr, e) {
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    var total = xhr.getResponseHeader('content-length');
+                    callback(total);
+                } else {
+                    callback(undefined);
+                }
+            }
+        };
+        request.send();
+    },
+    // Do HTTP GET request
+    // onprogress(loaded, total)
+    // onerror(error)
+    // onload(response)
+    load: function(url, responseType, estimatedSize, onprogress, onerror, onload) {
+        var request = FileLoader.request(url, "GET", responseType);
+        request.onprogress = function(xhr, e) {
+            if (e.lengthComputable) {
+                onprogress(e.loaded, e.total);
+                return;
+            }
+            var contentLength = xhr.getResponseHeader('content-length');
+            var size = contentLength != undefined ? contentLength : estimatedSize;
+            if (size) {
+                onprogress(e.loaded, size);
+            } else {
+                onprogress(e.loaded, e.loaded);
+            }
+        };
+        request.onerror = function(xhr, e) {
+            onerror("Error loading '" + url + "' (" + e + ")");
+        };
+        request.onload = function(xhr, e) {
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    var res = xhr.response;
+                    if (responseType == "json" && typeof res === "string") {
+                        onload(JSON.parse(res));
+                    } else {
+                        onload(res);
+                    }
+                } else {
+                    onerror("Error loading '" + url + "' (" + e + ")");
+                }
+            }
+        };
+        request.send();
+    }
+};
+
+
+var EngineLoader = {
+    wasm_size: 2000000,
+    wasmjs_size: 250000,
+    asmjs_size: 4000000,
+
+    stream_wasm: false,
+
+    loadAndInstantiateWasmAsync: function(src, fromProgress, toProgress, callback) {
+        FileLoader.load(src, "arraybuffer", EngineLoader.wasm_size,
+            function(loaded, total) { Progress.calculateProgress(fromProgress, toProgress, loaded, total); },
+            function(error) { throw error; },
+            function(wasm) {
+                Module.instantiateWasm = function(imports, successCallback) {
+                    var wasmInstantiate = WebAssembly.instantiate(new Uint8Array(wasm), imports).then(function(output) {
+                        successCallback(output.instance);
+                    }).catch(function(e) {
+                        console.log('wasm instantiation failed! ' + e);
+                        throw e;
+                    });
+                    return {}; // Compiling asynchronously, no exports.
+                }
+                callback();
+            });
+    },
+
+    setupWasmStreamAsync: async function(src, fromProgress, toProgress) {
+        // https://stackoverflow.com/a/69179454
+        var fetchFn = fetch;
+        if (typeof TransformStream === "function" && ReadableStream.prototype.pipeThrough) {
+            async function fetchWithProgress(path) {
+                const response = await fetch(path);
+                // May be incorrect if compressed
+                const contentLength = response.headers.get("Content-Length");
+                const total = parseInt(contentLength, 10);
+
+                let bytesLoaded = 0;
+                const ts = new TransformStream({
+                    transform (chunk, controller) {
+                        bytesLoaded += chunk.byteLength;
+                        Progress.calculateProgress(fromProgress, toProgress, bytesLoaded, total);
+                        controller.enqueue(chunk)
+                    }
+                });
+
+                return new Response(response.body.pipeThrough(ts), response);
+            }
+            fetchFn = fetchWithProgress;
+        }
+
+        Module.instantiateWasm = function(imports, successCallback) {
+            WebAssembly.instantiateStreaming(fetchFn(src), imports).then(function(output) {
+                Progress.calculateProgress(fromProgress, toProgress, 1, 1);
+                successCallback(output.instance);
+            }).catch(function(e) {
+                console.log('wasm streaming instantiation failed! ' + e);
+                throw e;
+            });
+            return {}; // Compiling asynchronously, no exports.
+        }
+    },
+
+    // instantiate the .wasm file either by streaming it or first loading and then instantiate it
+    // https://github.com/emscripten-core/emscripten/blob/master/tests/manual_wasm_instantiate.html#L170
+    loadWasmAsync: function(exeName) {
+        if (EngineLoader.stream_wasm && (typeof WebAssembly.instantiateStreaming === "function")) {
+            EngineLoader.setupWasmStreamAsync(exeName + ".wasm", 10, 50);
+            EngineLoader.loadAndRunScriptAsync(exeName + '_wasm.js', EngineLoader.wasmjs_size, 0, 10);
+        }
+        else {
+            EngineLoader.loadAndInstantiateWasmAsync(exeName + ".wasm", 0, 40, function() {
+                EngineLoader.loadAndRunScriptAsync(exeName + '_wasm.js', EngineLoader.wasmjs_size, 40, 50);
+            });
+        }
+    },
+
+    loadAsmJsAsync: function(exeName) {
+        EngineLoader.loadAndRunScriptAsync(exeName + '_asmjs.js', EngineLoader.asmjs_size, 0, 50);
+    },
+
+    // load and start engine script (asm.js or wasm.js)
+    loadAndRunScriptAsync: function(src, estimatedSize, fromProgress, toProgress) {
+        FileLoader.load(src, "text", estimatedSize,
+            function(loaded, total) { Progress.calculateProgress(fromProgress, toProgress, loaded, total); },
+            function(error) { throw error; },
+            function(response) {
+                var tag = document.createElement("script");
+                tag.text = response;
+                document.body.appendChild(tag);
+            });
+    },
+
+    // load engine (asm.js or wasm.js + wasm)
+    load: function(appCanvasId, exeName) {
+        Progress.addProgress(Module.setupCanvas(appCanvasId));
+        if (Module['isWASMSupported']) {
+            EngineLoader.loadWasmAsync(exeName);
+        } else {
+            EngineLoader.loadAsmJsAsync(exeName);
+        }
+    }
+}
+
+
 /* ********************************************************************* */
-/* Load and combine data that is split into archives                     */
+/* Load and combine game archive data that is split into archives        */
 /* ********************************************************************* */
 
-var Combine = {
-    _targets: [],
-    _targetIndex: 0,
-    // target: build target
+var GameArchiveLoader = {
+    // which files to load
+    _files: [],
+    _fileIndex: 0,
+    // file
     //  name: intended filepath of built object
     //  size: expected size of built object.
-    //  data: combined data
-    //  downloaded: total amount of data downloaded
+    //  data: combined pieces
+    //  downloaded: total bytes downloaded
     //  pieces: array of name, offset and data objects
     //  numExpectedFiles: total number of files expected in description
     //  lastRequestedPiece: index of last data file requested (strictly ascending)
-    //  totalLoadedPieces: counts the number of data files received
+    //  totalLoadedPieces: counts the number pieces received
 
     //MAX_CONCURRENT_XHR: 6,    // remove comment if throttling of XHR is desired.
 
     isCompleted: false,       // status of process
 
-    _onCombineCompleted: [],    // signature: name, data.
-    _onAllTargetsBuilt:[],      // signature: void
-    _onDownloadProgress: [],    // signature: downloaded, total
+    _onFileLoadedListeners: [],          // signature: name, data.
+    _onArchiveLoadedListeners:[],        // signature: void
+    _onFileDownloadErrorListeners: [],   // signature: name
 
     _currentDownloadBytes: 0,
     _totalDownloadBytes: 0,
 
-    _retry_time: 0,             // pause before retry file loading after error
-    _max_retry_count: 0,        // how many attempts we do when trying to download a file.
-    _can_not_download_file_callback: undefined, //Function that is called if you can't download file after 'retry_count' attempts.
-
     _archiveLocationFilter: function(path) { return "split" + path; },
 
-    can_not_download_file: function(file) {
-        if (typeof Combine._can_not_download_file_callback === 'function') {
-            Combine._can_not_download_file_callback(file);
-        }
-    },
-
-    addProgressListener: function(callback) {
-        if (typeof callback !== 'function') {
-            throw "Invalid callback registration";
-        }
-        this._onDownloadProgress.push(callback);
-    },
-
-    addCombineCompletedListener: function(callback) {
-        if (typeof callback !== 'function') {
-            throw "Invalid callback registration";
-        }
-        this._onCombineCompleted.push(callback);
-    },
-
-    addAllTargetsBuiltListener: function(callback) {
-        if (typeof callback !== 'function') {
-            throw "Invalid callback registration";
-        }
-        this._onAllTargetsBuilt.push(callback);
-    },
-
-    // descriptUrl: location of text file describing files to be preloaded
-    process: function(descriptUrl, attempt_count) {
-        if (!attempt_count) {
-            attempt_count = 0;
-        }
-        var xhr = new XMLHttpRequest();
-        xhr.open('GET', descriptUrl);
-        xhr.responseType = 'text';
-        xhr.onload = function(evt) {
-            Combine.onReceiveDescription(xhr);
-        };
-        xhr.onerror = function(evt) {
-            attempt_count += 1;
-            if (attempt_count < Combine._max_retry_count) {
-                console.warn("Can't download file '" + descriptUrl + "' . Next try in " + Combine._retry_time + " sec.");
-                setTimeout(function() {
-                    Combine.process(descriptUrl, attempt_count);
-                }, Combine._retry_time * 1000);
-             } else {
-                    Combine.can_not_download_file(descriptUrl);
-            }
-        };
-        xhr.send(null);
-    },
-
     cleanUp: function() {
-        this._targets =  [];
-        this._targetIndex = 0;
+        this._files =  [];
+        this._fileIndex = 0;
         this.isCompleted = false;
-        this._onCombineCompleted = [];
-        this._onAllTargetsBuilt = [];
-        this._onDownloadProgress = [];
+        this._onGameArchiveLoaderCompletedListeners = [];
+        this._onAllTargetsBuiltListeners = [];
+        this._onFileDownloadErrorListeners = [];
 
         this._currentDownloadBytes = 0;
         this._totalDownloadBytes = 0;
     },
 
-    onReceiveDescription: function(xhr) {
-        var json = JSON.parse(xhr.responseText);
-        this._targets = json.content;
+    addListener: function(list, callback) {
+        if (typeof callback !== 'function') throw "Invalid callback registration";
+        list.push(callback);
+    },
+    notifyListeners: function(list, data) {
+        for (i=0; i<list.length; ++i) {
+            list[i](data);
+        }
+    },
+
+    addFileDownloadErrorListener: function(callback) {
+        this.addListener(this._onFileDownloadErrorListeners, callback);
+    },
+    notifyFileDownloadError: function(url) {
+        this.notifyListeners(this._onFileDownloadErrorListeners, url);
+    },
+
+    addFileLoadedListener: function(callback) {
+        this.addListener(this._onFileLoadedListeners, callback);
+    },
+    notifyFileLoaded: function(file) {
+        this.notifyListeners(this._onFileLoadedListeners, { name: file.name, data: file.data });
+    },
+
+    addArchiveLoadedListener: function(callback) {
+        this.addListener(this._onArchiveLoadedListeners, callback);
+    },
+    notifyArchiveLoaded: function() {
+        this.notifyListeners(this._onArchiveLoadedListeners);
+    },
+
+    setFileLocationFilter: function(filter) {
+        if (typeof filter !== 'function') throw "Invalid filter";
+        this._archiveLocationFilter = filter;
+    },
+
+    // load the archive_files.json with the list of files and their individual
+    // pieces
+    // descriptionUrl: location of text file describing files to be preloaded
+    loadArchiveDescription: function(descriptionUrl) {
+        FileLoader.load(
+            this._archiveLocationFilter(descriptionUrl),
+            "json",
+            undefined,
+            function (loaded, total) { },
+            function (error) { GameArchiveLoader.notifyFileDownloadError(descriptionUrl); },
+            function (json) { GameArchiveLoader.onReceiveDescription(json); });
+    },
+
+    onReceiveDescription: function(json) {
+        this._files = json.content;
         this._totalDownloadBytes = 0;
         this._currentDownloadBytes = 0;
 
-        var targets = this._targets;
-        for(var i=0; i<targets.length; ++i) {
-            this._totalDownloadBytes += targets[i].size;
+        // calculate total download size of all files
+        for(var i=0; i<this._files.length; ++i) {
+            this._totalDownloadBytes += this._files[i].size;
         }
-        this.requestContent();
+        this.downloadContent();
     },
 
-    requestContent: function() {
-        var target = this._targets[this._targetIndex];
-        if (1 < target.pieces.length) {
-            target.data = new Uint8Array(target.size);
+    downloadContent: function() {
+        var file = this._files[this._fileIndex];
+        // if the file consists of more than one piece we prepare an array to store the pieces in
+        if (file.pieces.length > 1) {
+            file.data = new Uint8Array(file.size);
         }
-        var limit = target.pieces.length;
+        // how many pieces to download at a time
+        var limit = file.pieces.length;
         if (typeof this.MAX_CONCURRENT_XHR !== 'undefined') {
             limit = Math.min(limit, this.MAX_CONCURRENT_XHR);
         }
+        // download pieces
         for (var i=0; i<limit; ++i) {
-            this.requestPiece(target, i);
+            this.downloadPiece(file, i);
         }
     },
 
-    requestPiece: function(target, index, attempt_count) {
-        if (!attempt_count) {
-            attempt_count = 0;
-        }
+    notifyDownloadProgress: function() {
+        Progress.calculateProgress(50, 100, this._currentDownloadBytes, this._totalDownloadBytes);
+    },
 
-        if (index <  target.lastRequestedPiece) {
+    downloadPiece: function(file, index) {
+        if (index < file.lastRequestedPiece) {
             throw "Request out of order";
         }
 
-        var item = target.pieces[index];
-        target.lastRequestedPiece = index;
+        var piece = file.pieces[index];
+        file.lastRequestedPiece = index;
+        file.totalLoadedPieces = 0;
 
         var total = 0;
         var downloaded = 0;
-        var xhr = new XMLHttpRequest();
-        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) {
-            if (evt.total && evt.lengthComputable) {
-                total = evt.total;
-            }
-            if (evt.loaded && evt.lengthComputable) {
-                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;
-            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) {
-            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.");
-                setTimeout(function() {
-                    Combine.requestPiece(target, index, attempt_count);
-                }, Combine._retry_time * 1000);
-            } else {
-                Combine.can_not_download_file(item.name);
-            }
-        };
-        xhr.send(null);
+        var url = this._archiveLocationFilter('/' + piece.name);
+
+        FileLoader.load(
+            url, "arraybuffer", undefined,
+            function (loaded, total) {
+                var delta = loaded - downloaded;
+                downloaded = loaded;
+                GameArchiveLoader._currentDownloadBytes += delta;
+                GameArchiveLoader.notifyDownloadProgress();
+            },
+            function (error) {
+                GameArchiveLoader.notifyFileDownloadError(error);
+            },
+            function (response) {
+                piece.data = new Uint8Array(response);
+                piece.dataLength = piece.data.length;
+                total = piece.dataLength;
+                downloaded = piece.dataLength;
+                GameArchiveLoader.onPieceLoaded(file, piece);
+                GameArchiveLoader.notifyDownloadProgress();
+                piece.data = undefined;
+            });
     },
 
-    updateProgress: function(target) {
-        for(i = 0; i<this._onDownloadProgress.length; ++i) {
-            this._onDownloadProgress[i](this._currentDownloadBytes, this._totalDownloadBytes);
-        }
-    },
-
-    copyData: function(target, item) {
-        if (1 == target.pieces.length) {
-            target.data = item.data;
+    addPieceToFile: function(file, piece) {
+        if (1 == file.pieces.length) {
+            file.data = piece.data;
         } else {
-            var start = item.offset;
-            var end = start + item.data.length;
+            var start = piece.offset;
+            var end = start + piece.data.length;
             if (0 > start) {
                 throw "Buffer underflow";
             }
-            if (end > target.data.length) {
+            if (end > file.data.length) {
                 throw "Buffer overflow";
             }
-            target.data.set(item.data, item.offset);
+            file.data.set(piece.data, piece.offset);
         }
     },
 
-    onPieceLoaded: function(target, item) {
-        if (typeof target.totalLoadedPieces === 'undefined') {
-            target.totalLoadedPieces = 0;
+    onPieceLoaded: function(file, piece) {
+        this.addPieceToFile(file, piece);
+
+        ++file.totalLoadedPieces;
+        // is all pieces of the file loaded?
+        if (file.totalLoadedPieces == file.pieces.length) {
+            this.onFileLoaded(file);
         }
-        ++target.totalLoadedPieces;
-        if (target.totalLoadedPieces == target.pieces.length) {
-            this.finalizeTarget(target);
-            ++this._targetIndex;
-            for (var i=0; i<this._onCombineCompleted.length; ++i) {
-                this._onCombineCompleted[i](target.name, target.data);
-            }
-            if (this._targetIndex < this._targets.length) {
-                this.requestContent();
-            } else {
-                this.isCompleted = true;
-                for (i=0; i<this._onAllTargetsBuilt.length; ++i) {
-                    this._onAllTargetsBuilt[i]();
-                }
-            }
-        } else {
-            var next = target.lastRequestedPiece + 1;
-            if (next < target.pieces.length) {
-                this.requestPiece(target, next);
+        // continue loading more pieces of the file
+        // if not all pieces are already in progress
+        else {
+            var next = file.lastRequestedPiece + 1;
+            if (next < file.pieces.length) {
+                this.downloadPiece(file, next);
             }
         }
     },
 
-    finalizeTarget: function(target) {
+    verifyFile: function(file) {
+        // verify that we downloaded as much as we were supposed to
         var actualSize = 0;
-        for (var i=0;i<target.pieces.length; ++i) {
-            actualSize += target.pieces[i].dataLength;
+        for (var i=0;i<file.pieces.length; ++i) {
+            actualSize += file.pieces[i].dataLength;
         }
-        if (actualSize != target.size) {
+        if (actualSize != file.size) {
             throw "Unexpected data size";
         }
 
-        if (1 < target.pieces.length) {
-            var output = target.data;
-            var pieces = target.pieces;
+        // verify the pieces
+        if (file.pieces.length > 1) {
+            var output = file.data;
+            var pieces = file.pieces;
             for (i=0; i<pieces.length; ++i) {
                 var item = pieces[i];
                 // Bounds check
@@ -261,6 +430,22 @@ var Combine = {
                 }
             }
         }
+    },
+
+    onFileLoaded: function(file) {
+        this.verifyFile(file);
+        this.notifyFileLoaded(file);
+        ++this._fileIndex;
+        if (this._fileIndex == this._files.length) {
+            this.onArchiveLoaded();
+        } else {
+            this.downloadContent();
+        }
+    },
+
+    onArchiveLoaded: function() {
+        this.isCompleted = true;
+        this.notifyArchiveLoaded();
     }
 };
 
@@ -272,6 +457,19 @@ var Progress = {
     progress_id: "defold-progress",
     bar_id: "defold-progress-bar",
 
+    listeners: [],
+
+    addListener: function(callback) {
+        if (typeof callback !== 'function') throw "Invalid callback registration";
+        this.listeners.push(callback);
+    },
+
+    notifyListeners: function(percentage) {
+        for (i=0; i<this.listeners.length; ++i) {
+            this.listeners[i](percentage);
+        }
+    },
+
     addProgress : function (canvas) {
         /* Insert default progress bar below canvas */
         canvas.insertAdjacentHTML('afterend', '<div id="' + Progress.progress_id + '" class="canvas-app-progress"><div id="' + Progress.bar_id + '" class="canvas-app-progress-bar" style="width: 0%;"></div></div>');
@@ -279,8 +477,15 @@ var Progress = {
         Progress.progress = document.getElementById(Progress.progress_id);
     },
 
-    updateProgress: function (percentage, text) {
-        Progress.bar.style.width = percentage + "%";
+    updateProgress: function(percentage) {
+        if (Progress.bar) {
+            Progress.bar.style.width = percentage + "%";
+        }
+        Progress.notifyListeners(percentage);
+    },
+
+    calculateProgress: function (from, to, current, total) {
+        this.updateProgress(from + (current / total) * (to - from));
     },
 
     removeProgress: function () {
@@ -294,35 +499,6 @@ var Progress = {
     }
 };
 
-/* ********************************************************************* */
-/* Default input override                                                */
-/* ********************************************************************* */
-
-var CanvasInput = {
-    arrowKeysHandler : function(e) {
-        switch(e.keyCode) {
-            case 37: case 38: case 39:  case 40: // Arrow keys
-            case 32: e.preventDefault(); e.stopPropagation(); // Space
-            default: break; // do not block other keys
-        }
-    },
-
-    onFocusIn : function(e) {
-        window.addEventListener("keydown", CanvasInput.arrowKeysHandler, false);
-    },
-
-    onFocusOut: function(e) {
-        window.removeEventListener("keydown", CanvasInput.arrowKeysHandler, false);
-    },
-
-    addToCanvas : function(canvas) {
-        canvas.addEventListener("focus", CanvasInput.onFocusIn, false);
-        canvas.addEventListener("blur", CanvasInput.onFocusOut, false);
-        canvas.focus();
-        CanvasInput.onFocusIn();
-    }
-};
-
 /* ********************************************************************* */
 /* Module is Emscripten namespace                                        */
 /* ********************************************************************* */
@@ -343,6 +519,8 @@ var Module = {
     _syncMaxTries: 3,
     _syncTries: 0,
 
+    arguments: [],
+
     print: function(text) { console.log(text); },
     printErr: function(text) { console.error(text); },
 
@@ -350,8 +528,7 @@ var Module = {
 
     isWASMSupported: (function() {
         try {
-            if (typeof WebAssembly === "object"
-                && typeof WebAssembly.instantiate === "function") {
+            if (typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function") {
                 const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));
                 if (module instanceof WebAssembly.Module)
                     return new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
@@ -414,29 +591,12 @@ var Module = {
         return webgl_support;
     },
 
-    handleVisibilityChange: function () {
-        GLFW.onFocusChanged(document[Module.hiddenProperty] ? 0 : 1);
+    setupCanvas: function(appCanvasId) {
+        appCanvasId = (typeof appCanvasId === 'undefined') ? 'canvas' : appCanvasId;
+        Module.canvas = document.getElementById(appCanvasId);
+        return Module.canvas;
     },
 
-    getHiddenProperty: function () {
-        if ('hidden' in document) return 'hidden';
-        var prefixes = ['webkit','moz','ms','o'];
-        for (var i = 0; i < prefixes.length; i++) {
-            if ((prefixes[i] + 'Hidden') in document)
-                return prefixes[i] + 'Hidden';
-        }
-        return null;
-    },
-
-    setupVisibilityChangeListener: function() {
-        Module.hiddenProperty = Module.getHiddenProperty();
-        if( Module.hiddenProperty ) {
-            var eventName = Module.hiddenProperty.replace(/[H|h]idden/,'') + 'visibilitychange';
-            document.addEventListener(eventName, Module.handleVisibilityChange, false);
-        } else {
-            console.log("No document.hidden property found. The focus events won't be enabled.")
-        }
-    },
 
     /**
     * Module.runApp - Starts the application given a canvas element id
@@ -470,8 +630,8 @@ var Module = {
     *     'can_not_download_file_callback':
     *         Function that is called if you can't download file after 'retry_count' attempts.
     **/
-    runApp: function(app_canvas_id, extra_params) {
-        app_canvas_id = (typeof app_canvas_id === 'undefined') ?  'canvas' : app_canvas_id;
+    runApp: function(appCanvasId, extra_params) {
+        Module.setupCanvas(appCanvasId);
 
         var params = {
             archive_location_filter: function(path) { return 'split' + path; },
@@ -491,19 +651,17 @@ var Module = {
             }
         }
 
-        Module.canvas = document.getElementById(app_canvas_id);
         Module.arguments = params["engine_arguments"];
         Module.persistentStorage = params["persistent_storage"];
-        Module["TOTAL_MEMORY"] = params["custom_heap_size"];
+
+        var fullScreenContainer = params["full_screen_container"];
+        if (typeof fullScreenContainer === "string") {
+            fullScreenContainer = document.querySelector(fullScreenContainer);
+        }
+        Module.fullScreenContainer = fullScreenContainer || Module.canvas;
 
         if (Module.hasWebGLSupport()) {
-            // Override game keys
-            CanvasInput.addToCanvas(Module.canvas);
-
-            Module.setupVisibilityChangeListener();
-
-            // Add progress visuals
-            Progress.addProgress(Module.canvas);
+            Module.canvas.focus();
 
             // Add context menu hide-handler if requested
             if (params["disable_context_menu"])
@@ -513,19 +671,17 @@ var Module = {
                 };
             }
 
-            Combine._retry_time = params["retry_time"];
-            Combine._max_retry_count = params["retry_count"];
+            FileLoader.options.retryCount = params["retry_count"];
+            FileLoader.options.retryInterval = params["retry_time"] * 1000;
             if (typeof params["can_not_download_file_callback"] === "function") {
-                Combine._can_not_download_file_callback = params["can_not_download_file_callback"];
+                GameArchiveLoader.addFileDownloadErrorListener(params["can_not_download_file_callback"]);
             }
             // Load and assemble archive
-            Combine.addCombineCompletedListener(Module.onArchiveFileLoaded);
-            Combine.addAllTargetsBuiltListener(Module.onArchiveLoaded);
-            Combine.addProgressListener(Module.onArchiveLoadProgress);
-            Combine._archiveLocationFilter = params["archive_location_filter"];
-            Combine.process(Combine._archiveLocationFilter('/archive_files.json'));
+            GameArchiveLoader.addFileLoadedListener(Module.onArchiveFileLoaded);
+            GameArchiveLoader.addArchiveLoadedListener(Module.onArchiveLoaded);
+            GameArchiveLoader.setFileLocationFilter(params["archive_location_filter"]);
+            GameArchiveLoader.loadArchiveDescription('/archive_files.json');
         } else {
-            Progress.addProgress(Module.canvas);
             Progress.updateProgress(100, "Unable to start game, WebGL not supported");
             Module.setStatus = function(text) {
                 if (text) Module.printErr('[missing WebGL] ' + text);
@@ -537,16 +693,12 @@ var Module = {
         }
     },
 
-    onArchiveLoadProgress: function(downloaded, total) {
-        Progress.updateProgress(downloaded / total * 100);
-    },
-
-    onArchiveFileLoaded: function(name, data) {
-        Module._filesToPreload.push({path: name, data: data});
+    onArchiveFileLoaded: function(file) {
+        Module._filesToPreload.push({path: file.name, data: file.data});
     },
 
     onArchiveLoaded: function() {
-        Combine.cleanUp();
+        GameArchiveLoader.cleanUp();
         Module._archiveLoaded = true;
         Progress.updateProgress(100, "Starting...");
 
@@ -555,18 +707,23 @@ var Module = {
         }
     },
 
-    toggleFullscreen: function() {
+    toggleFullscreen: function(element) {
         if (GLFW.isFullscreen) {
             GLFW.cancelFullScreen();
         } else {
-            GLFW.requestFullScreen();
+            GLFW.requestFullScreen(element);
         }
     },
 
     preSync: function(done) {
+        if (Module.persistentStorage != true) {
+            Module._syncInitial = true;
+            done();
+            return;
+        }
         // Initial persistent sync before main is called
         FS.syncfs(true, function(err) {
-            if(err) {
+            if (err) {
                 Module._syncTries += 1;
                 console.error("FS syncfs error: " + err);
                 if (Module._syncMaxTries > Module._syncTries) {
@@ -599,6 +756,9 @@ var Module = {
     // It will flag that another one is needed if there is already one sync running.
     persistentSync: function() {
 
+        if (Module.persistentStorage != true) {
+            return;
+        }
         // Need to wait for the initial sync to finish since it
         // will call close on all its file streams which will trigger
         // new persistentSync for each.
@@ -612,27 +772,40 @@ var Module = {
     },
 
     preInit: [function() {
-        /* Mount filesystem on preinit */
+        // Mount filesystem on preinit
         var dir = DMSYS.GetUserPersistentDataRoot();
-        FS.mkdir(dir);
+        try {
+            FS.mkdir(dir);
+        }
+        catch (error) {
+            Module.persistentStorage = false;
+            Module._preloadAndCallMain();
+            return;
+        }
 
         // If IndexedDB is supported we mount the persistent data root as IDBFS,
         // then try to do a IDB->MEM sync before we start the engine to get
         // previously saved data before boot.
-        window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
-        if (Module.persistentStorage && window.indexedDB) {
+        try {
             FS.mount(IDBFS, {}, dir);
-
             // Patch FS.close so it will try to sync MEM->IDB
-            var _close = FS.close; FS.close = function(stream) { var r = _close(stream); Module.persistentSync(); return r; }
-
-            // Sync IDB->MEM before calling main()
-            Module.preSync(function() {
-                Module._preloadAndCallMain();
-            });
-        } else {
-            Module._preloadAndCallMain();
+            var _close = FS.close;
+            FS.close = function(stream) {
+                var r = _close(stream);
+                Module.persistentSync();
+                return r;
+            }
         }
+        catch (error) {
+            Module.persistentStorage = false;
+            Module._preloadAndCallMain();
+            return;
+        }
+
+        // Sync IDB->MEM before calling main()
+        Module.preSync(function() {
+            Module._preloadAndCallMain();
+        });
     }],
 
     preRun: [function() {
@@ -654,10 +827,6 @@ var Module = {
         if (!Module._archiveLoaded) {
             Module._waitingForArchive = true;
         } else {
-
-            // Need to set heap size before calling main
-            TOTAL_MEMORY = Module["TOTAL_MEMORY"] || TOTAL_MEMORY;
-
             Module.preloadAll();
             Progress.removeProgress();
             if (Module.callMain === undefined) {
@@ -693,8 +862,10 @@ var Module = {
 };
 
 window.onerror = function(err, url, line, column, errObj) {
-    var errorObject = Module.prepareErrorObject(err, url, line, column, errObj);
-    Module.ccall('JSWriteDump', 'null', ['string'], [JSON.stringify(errorObject.stack)]);
+    if (typeof Module.ccall !== 'undefined') {
+        var errorObject = Module.prepareErrorObject(err, url, line, column, errObj);
+        Module.ccall('JSWriteDump', 'null', ['string'], [JSON.stringify(errorObject.stack)]);
+    }
     Module.setStatus('Exception thrown, see JavaScript console');
     Module.setStatus = function(text) {
         if (text) Module.printErr('[post-exception status] ' + text);

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 0.4.0</title>
+	<title>druid 0.11.694</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
@@ -43,6 +43,10 @@
 		vertical-align: bottom;
 	}
 
+	#canvas-container {
+		position: relative;
+	}
+
 	canvas:focus, canvas:active {
 		outline: none;
 		border: 0;
@@ -111,14 +115,23 @@
 	.canvas-app-canvas {
 		background-repeat:no-repeat;
 		background-position: center center;
+		background-size: contain;
 		background-image: url("druid_logo.png");
 	}
+
 	</style>
 </head>
 
 <body>
+	<div id="running-from-file-warning" style="display: none; margin: 3em;">
+		<h1>Running from local file ⚠️</h1>
+		<p>It seems like you have opened this file by double-clicking on it. In order to test your build in a browser <b>you need to load this file from a web server</b>. You can either upload this file and the rest of the files from a Defold HTML5 bundle to a web hosting service OR host them using a local web server on your home network.</p>
+		<p><a href="https://defold.com/manuals/html5/#testing-html5-build" target="_blank">Learn more about running a local web server in the Defold HTML5 manual</a>.</p>
+	</div>
 	<div id="app-container" class="canvas-app-container">
-		<canvas id="canvas" class="canvas-app-canvas" tabindex="1" width="600" height="900"></canvas>
+		<div id="canvas-container" class="canvas-app-canvas-container">
+			<canvas id="canvas" class="canvas-app-canvas" tabindex="1" width="600" height="900"></canvas>
+		</div>
 		<div class="buttons-background">
 		</div>
 	</div>
@@ -132,9 +145,12 @@
 		},
 		engine_arguments: ["--verify-graphics-calls=false",],
 		custom_heap_size: 67108864,
+		full_screen_container: "#canvas-container",
 		disable_context_menu: true
 	}
 
+	Module['INITIAL_MEMORY'] = extra_params.custom_heap_size;
+
 	Module['onRuntimeInitialized'] = function() {
 		Module.runApp("canvas", extra_params);
 	};
@@ -151,7 +167,8 @@
 
 	var is_iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 	var buttonHeight = 0;
-	// Resize on init, screen resize and orientation change
+	var prevInnerWidth = -1;
+	var prevInnerHeight = -1;
 	function resize_game_canvas() {
 		// Hack for iOS when exit from Fullscreen mode
 		if (is_iOS) {
@@ -162,6 +179,12 @@
 		var game_canvas = document.getElementById('canvas');
 		var innerWidth = window.innerWidth;
 		var innerHeight = window.innerHeight - buttonHeight;
+		if (prevInnerWidth == innerWidth && prevInnerHeight == innerHeight)
+		{
+			return;
+		}
+		prevInnerWidth = innerWidth;
+		prevInnerHeight = innerHeight;
 		var width = 600;
 		var height = 900;
 		var targetRatio = width / height;
@@ -192,20 +215,19 @@
 	resize_game_canvas();
 	window.addEventListener('resize', resize_game_canvas, false);
 	window.addEventListener('orientationchange', resize_game_canvas, false);
-
-	function load_engine() {
-		var engineJS = document.createElement('script');
-		engineJS.type = 'text/javascript';
-		if (Module['isWASMSupported']) {
-			engineJS.src = 'druid_wasm.js';
-		} else {
-			engineJS.src = 'druid_asmjs.js';
-		}
-		document.head.appendChild(engineJS);
-	}
+	window.addEventListener('focus', resize_game_canvas, false);
 	</script>
+
 	<script id='engine-start' type='text/javascript'>
-		load_engine();
+		var runningFromFileWarning = document.getElementById("running-from-file-warning");
+		if (window.location.href.startsWith("file://")) {
+			runningFromFileWarning.style.display = "block";
+		}
+		else {
+			EngineLoader.stream_wasm = "false" === "true";
+			EngineLoader.load("canvas", "druid");
+			runningFromFileWarning.parentNode.removeChild(runningFromFileWarning);
+		}
 	</script>
 </body>
 </html>

docs/index.html

@@ -3,7 +3,7 @@
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 <head>
-    <title>Defold Druid UI Library</title>
+    <title>Defold Druid UI Framework</title>
     <link rel="stylesheet" href="ldoc_fixed.css" type="text/css" />
 </head>
 <body>
@@ -31,38 +31,35 @@
 
 <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>
-<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>
+  <li><a href="modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="modules/Blocker.html">Blocker</a></li>
+  <li><a href="modules/Button.html">Button</a></li>
+  <li><a href="modules/Drag.html">Drag</a></li>
+  <li><a href="modules/Hover.html">Hover</a></li>
+  <li><a href="modules/Scroll.html">Scroll</a></li>
+  <li><a href="modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="modules/Text.html">Text</a></li>
+  <li><a href="modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="modules/RichInput.html">RichInput</a></li>
+  <li><a href="modules/RichText.html">RichText</a></li>
+  <li><a href="modules/Druid.html">Druid</a></li>
+  <li><a href="modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="modules/DataList.html">DataList</a></li>
+  <li><a href="modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="modules/Input.html">Input</a></li>
+  <li><a href="modules/LangText.html">LangText</a></li>
+  <li><a href="modules/Layout.html">Layout</a></li>
+  <li><a href="modules/Progress.html">Progress</a></li>
+  <li><a href="modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="modules/Slider.html">Slider</a></li>
+  <li><a href="modules/Swipe.html">Swipe</a></li>
+  <li><a href="modules/Timer.html">Timer</a></li>
+  <li><a href="modules/Helper.html">Helper</a></li>
+  <li><a href="modules/DruidInstance.html">DruidInstance</a></li>
 </ul>
 
 </div>
@@ -70,137 +67,139 @@
 <div id="content">
 
 
-  <h2>Documentation for Druid Library</h2>
+  <h2>Documentation for Druid Framework</h2>
 
 <h2>Modules</h2>
 <table class="module_list">
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.back_handler.html">druid.back_handler</a></td>
-		<td class="summary">Component to handle back key (android, backspace)</td>
+		<td class="name"  nowrap><a href="modules/BackHandler.html">BackHandler</a></td>
+		<td class="summary">Component with event on back and backspace button.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.blocker.html">druid.blocker</a></td>
-		<td class="summary">Component to block input on specify zone by node</td>
+		<td class="name"  nowrap><a href="modules/Blocker.html">Blocker</a></td>
+		<td class="summary">Component to consume input in special zone defined by GUI node.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.button.html">druid.button</a></td>
-		<td class="summary">Component to handle basic GUI button</td>
+		<td class="name"  nowrap><a href="modules/Button.html">Button</a></td>
+		<td class="summary">Druid Component for Handling User Click Interactions: Click, Long Click, Double Click, and More.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.checkbox.html">druid.checkbox</a></td>
-		<td class="summary">Druid checkbox component</td>
-	</tr>
-	<tr>
-		<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="name"  nowrap><a href="modules/Drag.html">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>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.hover.html">druid.hover</a></td>
+		<td class="name"  nowrap><a href="modules/Hover.html">Hover</a></td>
 		<td class="summary">Component to handle hover node interaction</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.input.html">druid.input</a></td>
-		<td class="summary">Druid input text component.</td>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.lang_text.html">druid.lang_text</a></td>
-		<td class="summary">Component to handle all GUI texts
- Good working with localization system</td>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.progress.html">druid.progress</a></td>
-		<td class="summary">Basic progress bar component.</td>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.radio_group.html">druid.radio_group</a></td>
-		<td class="summary">Radio group module</td>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.scroll.html">druid.scroll</a></td>
+		<td class="name"  nowrap><a href="modules/Scroll.html">Scroll</a></td>
 		<td class="summary">Component to handle scroll content.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.slider.html">druid.slider</a></td>
-		<td class="summary">Druid slider component</td>
+		<td class="name"  nowrap><a href="modules/StaticGrid.html">StaticGrid</a></td>
+		<td class="summary">Component to handle component's position by row and columns.</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>
+		<td class="name"  nowrap><a href="modules/Text.html">Text</a></td>
+		<td class="summary">Component for Wrapping GUI Text Nodes: Druid Text
+<p> ## Overview ##
+<p> Druid Text is a component that provides various adjustment modes for text nodes.</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>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/druid.timer.html">druid.timer</a></td>
-		<td class="summary">Component to handle GUI timers.</td>
-	</tr>
-	<tr>
-		<td class="name"  nowrap><a href="modules/component.html">component</a></td>
+		<td class="name"  nowrap><a href="modules/BaseComponent.html">BaseComponent</a></td>
 		<td class="summary">Basic class for all Druid components.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.html">druid</a></td>
-		<td class="summary">Druid UI Library.</td>
+		<td class="name"  nowrap><a href="modules/PinKnob.html">PinKnob</a></td>
+		<td class="summary">Druid pin knob custom component.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid_event.html">druid_event</a></td>
-		<td class="summary">Lua event small library</td>
+		<td class="name"  nowrap><a href="modules/RichInput.html">RichInput</a></td>
+		<td class="summary">Druid Rich Input custom component.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid.helper.html">druid.helper</a></td>
-		<td class="summary">Text node or icon node can be nil</td>
+		<td class="name"  nowrap><a href="modules/RichText.html">RichText</a></td>
+		<td class="summary">Druid Rich Text Custom Component.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="modules/druid_instance.html">druid_instance</a></td>
-		<td class="summary">Druid main class.</td>
-	</tr>
-</table>
-<h2>Topics</h2>
-<table class="module_list">
-	<tr>
-		<td class="name"  nowrap><a href="topics/01-components.md.html">01-components.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/Druid.html">Druid</a></td>
+		<td class="summary">Druid UI Component Framework.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/02-creating_custom_components.md.html">02-creating_custom_components.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/DruidEvent.html">DruidEvent</a></td>
+		<td class="summary">Druid Event Module
+<p> The Event module provides a simple class for handling callbacks.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/03-styles.md.html">03-styles.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/Checkbox.html">Checkbox</a></td>
+		<td class="summary">Druid checkbox component</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/04-druid_assets.md.html">04-druid_assets.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/CheckboxGroup.html">CheckboxGroup</a></td>
+		<td class="summary">Checkbox group module</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/05-examples.md.html">05-examples.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/DataList.html">DataList</a></td>
+		<td class="summary">Component to manage data for huge dataset in scroll.</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/changelog.md.html">changelog.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/DynamicGrid.html">DynamicGrid</a></td>
+		<td class="summary">Component to handle placing components in row</td>
 	</tr>
 	<tr>
-		<td class="name"  nowrap><a href="topics/README.md.html">README.md</a></td>
-		<td class="summary"></td>
+		<td class="name"  nowrap><a href="modules/Hotkey.html">Hotkey</a></td>
+		<td class="summary">Druid hotkey component</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Input.html">Input</a></td>
+		<td class="summary">Druid input text component.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/LangText.html">LangText</a></td>
+		<td class="summary">Component to wrap over GUI Text nodes with localization helpers
+<p> <b># Overview #</b>
+<p> • The initialization of druid.set_text_function is required to enable localization
+ using the localization ID.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Layout.html">Layout</a></td>
+		<td class="summary">Layout management on node</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Progress.html">Progress</a></td>
+		<td class="summary">Druid component to handle the progress bars.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/RadioGroup.html">RadioGroup</a></td>
+		<td class="summary">Radio group module</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Slider.html">Slider</a></td>
+		<td class="summary">Druid slider component</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Swipe.html">Swipe</a></td>
+		<td class="summary">Component to handle swipe gestures on node.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Timer.html">Timer</a></td>
+		<td class="summary">Component to handle GUI timers.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/Helper.html">Helper</a></td>
+		<td class="summary">Helper module with various usefull GUI functions.</td>
+	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/DruidInstance.html">DruidInstance</a></td>
+		<td class="summary">Druid Instance which you use for component creation.</td>
 	</tr>
 </table>
 
 </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-06-14 20:13:02 </i>
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>

docs/ldoc_fixed.css

@@ -195,7 +195,7 @@ table.index td { text-align: left; vertical-align: top; }
     margin-left: 14em;
     padding: 1em;
     padding-left: 2em;
-    width: 700px;
+    width: 900px;
     border-left: 2px solid #cccccc;
    // border-right: 2px solid #cccccc;
     background-color: #ffffff;

docs/modules/BackHandler.html

@@ -0,0 +1,177 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><strong>BackHandler</strong></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>BackHandler</code></h1>
+<p>Component with event on back and backspace button.</p>
+<p>
+ <b># Overview #</b>
+<p> Back Handler is recommended to put in every game window to close it
+ or in main screen to call settings window.
+<p> <b># Notes #</b>
+<p> • Back Handler inheritance <a href="../modules/BaseComponent.html#">BaseComponent</a>, you can use all of its methods in addition to those described here.
+<p> • Back Handler react on release action ACTION_BACK or ACTION_BACKSPACE</p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">local callback = function(self, params) ... end
+
+local params = {}
+local back_handler = self.druid:new_back_handler(callback, [params])
+</pre>
+    </ul>
+
+
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#on_back">on_back</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a> Event on back handler action.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#params">params</a></td>
+	<td class="summary">Custom args to pass in the callback</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "on_back"></a>
+    <strong>on_back</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a> Event on back handler action.
+<p> Trigger on input action ACTION_BACK or ACTION_BACKSPACE
+
+
+    <ul>
+        <li><span class="parameter">on_back</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Subscribe additional callbacks:
+</span>back_handler.on_back:subscribe(callback)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "params"></a>
+    <strong>params</strong>
+    </dt>
+    <dd>
+    Custom args to pass in the callback
+
+
+    <ul>
+        <li><span class="parameter">params</span>
+            <span class="types"><span class="type">any</span></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Replace params on runtime:
+</span>back_handler.params = { ... }</pre>
+    </ul>
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/BaseComponent.html

@@ -0,0 +1,661 @@
+<!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 Framework</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>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><strong>BaseComponent</strong></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>BaseComponent</code></h1>
+<p>Basic class for all Druid components.</p>
+<p>
+ To create you custom component, use static function `component.create`</p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">-- Create your component:
+local component = require(&quot;druid.component&quot;)
+
+local AwesomeComponent = component.create(&quot;awesome_component&quot;)
+
+function AwesomeComponent:init(template, nodes)
+    self:set_template(template)
+    self:set_nodes(nodes)
+    self.druid = self:get_druid()
+end
+
+return AwesomeComponent
+</pre>
+    </ul>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#component:get_childrens">component:get_childrens(self)</a></td>
+	<td class="summary">Return all children components, recursive</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_context">component:get_context(self)</a></td>
+	<td class="summary">Context used as first arg in all Druid events</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_druid">component:get_druid(self)</a></td>
+	<td class="summary">Get Druid instance for inner component creation.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_input_priority">component:get_input_priority(self)</a></td>
+	<td class="summary">Return component input priority</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_name">component:get_name(self)</a></td>
+	<td class="summary">Return component name</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_node">component:get_node(self, node_or_name)</a></td>
+	<td class="summary">Get component node by name.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_parent_component">component:get_parent_component(self)</a></td>
+	<td class="summary">Return the parent component if exist</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_parent_name">component:get_parent_name(self)</a></td>
+	<td class="summary">Return parent component name</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_template">component:get_template(self)</a></td>
+	<td class="summary">Get current component template name.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:get_uid">component:get_uid(self)</a></td>
+	<td class="summary">Return component UID.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:reset_input_priority">component:reset_input_priority(self)</a></td>
+	<td class="summary">Reset component input priority to default value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:set_input_enabled">component:set_input_enabled(self, state)</a></td>
+	<td class="summary">Set component input state.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:set_input_priority">component:set_input_priority(self, value, is_temporary)</a></td>
+	<td class="summary">Set component input priority</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:set_nodes">component:set_nodes(self, nodes)</a></td>
+	<td class="summary">Set current component nodes.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:set_style">component:set_style(self, druid_style)</a></td>
+	<td class="summary">Set current component style table.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#component:set_template">component:set_template(self, template)</a></td>
+	<td class="summary">Set component template name.</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "component:get_childrens"></a>
+    <strong>component:get_childrens(self)</strong>
+    </dt>
+    <dd>
+    Return all children components, recursive
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+        Array of childrens if the Druid component instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_context"></a>
+    <strong>component:get_context(self)</strong>
+    </dt>
+    <dd>
+    Context used as first arg in all Druid events  Context is usually self of gui_script.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+        BaseComponent context
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_druid"></a>
+    <strong>component:get_druid(self)</strong>
+    </dt>
+    <dd>
+    Get Druid instance for inner component creation.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Druid</span></span>
+        Druid instance with component context
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_input_priority"></a>
+    <strong>component:get_input_priority(self)</strong>
+    </dt>
+    <dd>
+    Return component input priority
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The component input priority
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_name"></a>
+    <strong>component:get_name(self)</strong>
+    </dt>
+    <dd>
+    Return component name
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+        The component name
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_node"></a>
+    <strong>component:get_node(self, node_or_name)</strong>
+    </dt>
+    <dd>
+    Get component node by name.
+<p> If component has nodes, node_or_name should be string
+ It autopick node by template name or from nodes by gui.clone_tree
+ if they was setup via component:set_nodes, component:set_template.
+ If node is not found, the exception will fired
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">node_or_name</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">node</span></span>
+         Node name or node itself
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">node</span></span>
+        Gui node
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_parent_component"></a>
+    <strong>component:get_parent_component(self)</strong>
+    </dt>
+    <dd>
+    Return the parent component if exist
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">BaseComponent</span> or <span class="type">nil</span></span>
+        The druid component instance or nil
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_parent_name"></a>
+    <strong>component:get_parent_name(self)</strong>
+    </dt>
+    <dd>
+    Return parent component name
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">nil</span></span>
+        The parent component name if exist or bil
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_template"></a>
+    <strong>component:get_template(self)</strong>
+    </dt>
+    <dd>
+    Get current component template name.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+        Component full template name
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:get_uid"></a>
+    <strong>component:get_uid(self)</strong>
+    </dt>
+    <dd>
+    Return component UID.
+<p> UID generated in component creation order.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The component uid
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:reset_input_priority"></a>
+    <strong>component:reset_input_priority(self)</strong>
+    </dt>
+    <dd>
+    Reset component input priority to default value
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The component input priority
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:set_input_enabled"></a>
+    <strong>component:set_input_enabled(self, state)</strong>
+    </dt>
+    <dd>
+    Set component input state.  By default it enabled
+<p> If input is disabled, the component will not receive input events
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         The component input state
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">BaseComponent</span></span>
+        BaseComponent itself
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:set_input_priority"></a>
+    <strong>component:set_input_priority(self, value, is_temporary)</strong>
+    </dt>
+    <dd>
+    Set component input priority  Default value: 10
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">value</span>
+            <span class="types"><span class="type">number</span></span>
+         The new input priority value
+        </li>
+        <li><span class="parameter">is_temporary</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true, the reset input priority will return to previous value
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The component input priority
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:set_nodes"></a>
+    <strong>component:set_nodes(self, nodes)</strong>
+    </dt>
+    <dd>
+    Set current component nodes.
+ Use if your component nodes was cloned with `gui.clone_tree` and you got the node tree.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         BaseComponent nodes table
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">BaseComponent</span></span>
+        <a href="../modules/BaseComponent.html#">BaseComponent</a>
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> nodes = gui.clone_tree(self.prefab)
+... In your component:
+self:set_nodes(nodes)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "component:set_style"></a>
+    <strong>component:set_style(self, druid_style)</strong>
+    </dt>
+    <dd>
+    Set current component style table.
+<p> Invoke `on_style_change` on component, if exist. Component should handle
+ their style changing and store all style params
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">druid_style</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Druid style module
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">BaseComponent</span></span>
+        <a href="../modules/BaseComponent.html#">BaseComponent</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "component:set_template"></a>
+    <strong>component:set_template(self, template)</strong>
+    </dt>
+    <dd>
+    Set component template name.
+<p> Use on all your custom components with GUI layouts used as templates.
+ It will check parent template name to build full template name in self:get_node()
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">BaseComponent</span></span>
+         <a href="../modules/BaseComponent.html#">BaseComponent</a>
+        </li>
+        <li><span class="parameter">template</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         BaseComponent template name
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">BaseComponent</span></span>
+        <a href="../modules/BaseComponent.html#">BaseComponent</a>
+    </ol>
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Blocker.html

@@ -0,0 +1,237 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><strong>Blocker</strong></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Blocker</code></h1>
+<p>Component to consume input in special zone defined by GUI node.</p>
+<p>
+ <b># Overview #</b>
+<p> <b># Notes #</b>
+<p> Blocker consume input if `gui.pick_node` works on it.
+<p> • Blocker inheritance <a href="../modules/BaseComponent.html#">BaseComponent</a>, you can use all of its methods in addition to those described here.
+<p> • Blocker initial enabled state is `gui.is_enabled(node, true)`
+<p> • The Blocker node should be enabled to capture the input</p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">local node = gui.get_node(&quot;blocker_node&quot;)
+local blocker = self.druid:new_blocker(node)
+</pre>
+    </ul>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node)</a></td>
+	<td class="summary"><a href="../modules/Blocker.html#">Blocker</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_enabled">is_enabled(self)</a></td>
+	<td class="summary">Return blocker enabled state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_enabled">set_enabled(self, state)</a></td>
+	<td class="summary">Set enabled blocker component state.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Blocker node</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(self, node)</strong>
+    </dt>
+    <dd>
+    <a href="../modules/Blocker.html#">Blocker</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Blocker</span></span>
+         <a href="../modules/Blocker.html#">Blocker</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Blocker.html#node">node</a></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_enabled"></a>
+    <strong>is_enabled(self)</strong>
+    </dt>
+    <dd>
+    Return blocker enabled state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Blocker</span></span>
+         <a href="../modules/Blocker.html#">Blocker</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        True, if blocker is enabled
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_enabled"></a>
+    <strong>set_enabled(self, state)</strong>
+    </dt>
+    <dd>
+    Set enabled blocker component state.
+<p> Don't change node enabled state itself.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Blocker</span></span>
+         <a href="../modules/Blocker.html#">Blocker</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         Enabled state
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Blocker node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Blocker.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Button.html

@@ -0,0 +1,894 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><strong>Button</strong></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Button</code></h1>
+<p>Druid Component for Handling User Click Interactions: Click, Long Click, Double Click, and More.</p>
+<p>
+<p> <b># Overview #</b>
+<p> This component provides a versatile solution for handling user click interactions.
+ It allows you to make any GUI node clickable and define various callbacks for different types of clicks.
+<p> <b># Notes #</b>
+<p> • The click callback will not trigger if the cursor moves outside the node's
+ area between the pressed and released states.
+<p> • If a button has a double click event subscriber and the double click event is triggered,
+ the regular click callback will not be triggered.
+<p> • Buttons can be triggered using a keyboard key by calling the button:set_key_trigger method.
+<p> • To animate a small icon on a big button panel, you can use an animation node.
+ The trigger node name should be set as "big panel," and the animation node should be set as "small icon."
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_buttons" target="_blank"><b>Example Link</b></a></p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">local function on_button_click(self, args, button)
+    print(&quot;Button has clicked with params: &quot; .. args)
+    print(&quot;Also the button component is passed in callback params&quot;)
+end
+
+local custom_args = &quot;Any variable to pass inside callback&quot;
+local button = self.druid:new_button(&quot;button_name&quot;, on_button_click, custom_args)
+</pre>
+    </ul>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#get_key_trigger">get_key_trigger(self)</a></td>
+	<td class="summary">Get current key name to trigger this button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, callback[, custom_args[, anim_node]])</a></td>
+	<td class="summary">The <a href="../modules/Button.html#">Button</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_enabled">is_enabled(self)</a></td>
+	<td class="summary">Get button enabled state.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_check_function">set_check_function(self[, check_function[, failure_callback]])</a></td>
+	<td class="summary">Set function for additional check for button click availability</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(self, zone)</a></td>
+	<td class="summary">Set additional button click area.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_enabled">set_enabled(self, state)</a></td>
+	<td class="summary">Set button enabled state.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_key_trigger">set_key_trigger(self, key)</a></td>
+	<td class="summary">Set key name to trigger this button by keyboard.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_web_user_interaction">set_web_user_interaction(self[, is_web_mode])</a></td>
+	<td class="summary">Set Button mode to work inside user HTML5 interaction event.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#anim_node">anim_node</a></td>
+	<td class="summary">Button animation node.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#click_zone">click_zone</a></td>
+	<td class="summary">Additional button click area, defined by another GUI Node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#hover">hover</a></td>
+	<td class="summary">The <a href="../modules/Hover.html#">Hover</a>: Button Hover component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Button trigger node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node_id">node_id</a></td>
+	<td class="summary">The GUI node id from button node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_click">on_click</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on successful release action over button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_click_outside">on_click_outside</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event calls if click event was outside of button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_double_click">on_double_click</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on double tap action over button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_hold_callback">on_hold_callback</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event calls every frame before on_long_click event.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_long_click">on_long_click</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on long tap action over button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_pressed">on_pressed</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event triggered if button was pressed by user.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_repeated_click">on_repeated_click</a></td>
+	<td class="summary">The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on repeated action over button.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#params">params</a></td>
+	<td class="summary">Custom args for any Button event.</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_key_trigger"></a>
+    <strong>get_key_trigger(self)</strong>
+    </dt>
+    <dd>
+    Get current key name to trigger this button.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">hash</span></span>
+        The action_id of the input key
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> key_hash = button:get_key_trigger()</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node, callback[, custom_args[, anim_node]])</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/Button.html#">Button</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">Node</span></span>
+         Node name or GUI Node itself
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         On click button callback
+        </li>
+        <li><span class="parameter">custom_args</span>
+            <span class="types"><span class="type">any</span></span>
+         Button events custom arguments
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">anim_node</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">Node</span></span>
+         Node to animate instead of trigger node.
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_enabled"></a>
+    <strong>is_enabled(self)</strong>
+    </dt>
+    <dd>
+    Get button enabled state.
+<p> By default all Buttons is enabled on creating.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        True, if button is enabled now, False overwise
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> is_enabled = button:is_enabled()</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "set_check_function"></a>
+    <strong>set_check_function(self[, check_function[, failure_callback]])</strong>
+    </dt>
+    <dd>
+    Set function for additional check for button click availability
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+
+        </li>
+        <li><span class="parameter">check_function</span>
+            <span class="types"><span class="type">function</span></span>
+         Should return true or false. If true - button can be pressed.
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">failure_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Function will be called on button click, if check function return false
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Button</span></span>
+        Current button instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(self, zone)</strong>
+    </dt>
+    <dd>
+    Set additional button click area.
+ Useful to restrict click outside out stencil node or scrollable content.
+<p> This functions calls automatically if you don't disable it in game.project: druid.no_stencil_check
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+        <li><span class="parameter">zone</span>
+            <span class="types"><a class="type" href="../modules/Button.html#node">node</a></span>
+         Gui node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Button</span></span>
+        Current button instance
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">button:set_click_zone(<span class="string">"stencil_node"</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "set_enabled"></a>
+    <strong>set_enabled(self, state)</strong>
+    </dt>
+    <dd>
+    Set button enabled state.
+ The style.on_set_enabled will be triggered.
+ Disabled button is not clickable.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         Enabled state
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Button</span></span>
+        Current button instance
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">button:set_enabled(<span class="keyword">false</span>)
+button:set_enabled(<span class="keyword">true</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "set_key_trigger"></a>
+    <strong>set_key_trigger(self, key)</strong>
+    </dt>
+    <dd>
+    Set key name to trigger this button by keyboard.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+        <li><span class="parameter">key</span>
+            <span class="types"><span class="type">hash</span></span>
+         The action_id of the input key
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Button</span></span>
+        Current button instance
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">button:set_key_trigger(<span class="string">"key_space"</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "set_web_user_interaction"></a>
+    <strong>set_web_user_interaction(self[, is_web_mode])</strong>
+    </dt>
+    <dd>
+    Set Button mode to work inside user HTML5 interaction event.
+<p> It's required to make protected things like copy & paste text, show mobile keyboard, etc
+ The HTML5 button's doesn't call any events except on_click event.
+<p> If the game is not HTML, html mode will be not enabled
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Button</span></span>
+
+        </li>
+        <li><span class="parameter">is_web_mode</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true - button will be called inside html5 callback
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Button</span></span>
+        Current button instance
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">button:set_web_user_interaction(<span class="keyword">true</span>)</pre>
+    </ul>
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">LONGTAP_TIME</span>
+            <span class="types"><span class="type">number</span></span>
+         Minimum time to trigger on_hold_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)
+        </li>
+        <li><span class="parameter">on_click_disabled</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, node)
+        </li>
+        <li><span class="parameter">on_hover</span>
+            <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>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "anim_node"></a>
+    <strong>anim_node</strong>
+    </dt>
+    <dd>
+    Button animation node.
+ In default case equals to clickable node.
+<p> Usecase: You have the big clickable panel, but want to animate only one small icon on it.
+
+
+    <ul>
+        <li><span class="parameter">anim_node</span>
+            <span class="types"><a class="type" href="../modules/Button.html#node">node</a></span>
+
+         (<em>default</em> node)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "click_zone"></a>
+    <strong>click_zone</strong>
+    </dt>
+    <dd>
+    Additional button click area, defined by another GUI Node
+
+
+    <ul>
+        <li><span class="parameter">click_zone</span>
+            <span class="types"><a class="type" href="../modules/Button.html#node">node</a></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "hover"></a>
+    <strong>hover</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/Hover.html#">Hover</a>: Button Hover component
+
+
+    <ul>
+        <li><span class="parameter">hover</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Button trigger node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">Node</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node_id"></a>
+    <strong>node_id</strong>
+    </dt>
+    <dd>
+    The GUI node id from button node
+
+
+    <ul>
+        <li><span class="parameter">node_id</span>
+            <span class="types"><span class="type">hash</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_click"></a>
+    <strong>on_click</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on successful release action over button.
+
+
+    <ul>
+        <li><span class="parameter">on_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_click:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance)
+    <span class="global">print</span>(<span class="string">"On button click!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_click_outside"></a>
+    <strong>on_click_outside</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event calls if click event was outside of button.
+<p> This event will be triggered for each button what was not clicked on user click action
+<p> Usecase: Hide the popup when click outside
+
+
+    <ul>
+        <li><span class="parameter">on_click_outside</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_click_outside:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance)
+    <span class="global">print</span>(<span class="string">"On click Button outside!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_double_click"></a>
+    <strong>on_double_click</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on double tap action over button.
+<p> If secondary click was too fast after previous one, the double
+ click will be called instead usual click (if on_double_click subscriber exists)
+
+
+    <ul>
+        <li><span class="parameter">on_double_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_double_click:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance, click_amount)
+    <span class="global">print</span>(<span class="string">"On double Button click!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_hold_callback"></a>
+    <strong>on_hold_callback</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event calls every frame before on_long_click event.
+<p> If long_click subscriber exists, the on_hold_callback will be called before long_click trigger.
+<p> Usecase: Animate button progress of long tap
+
+
+    <ul>
+        <li><span class="parameter">on_hold_callback</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_double_click:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance, time)
+    <span class="global">print</span>(<span class="string">"On hold Button callback!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_long_click"></a>
+    <strong>on_long_click</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on long tap action over button.
+<p> This callback will be triggered if user pressed the button and hold the some amount of time.
+ The amount of time picked from button style param: LONGTAP_TIME
+
+
+    <ul>
+        <li><span class="parameter">on_long_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_long_click:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance, hold_time)
+    <span class="global">print</span>(<span class="string">"On long Button click!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_pressed"></a>
+    <strong>on_pressed</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event triggered if button was pressed by user.
+
+
+    <ul>
+        <li><span class="parameter">on_pressed</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_pressed:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance)
+    <span class="global">print</span>(<span class="string">"On Button pressed!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "on_repeated_click"></a>
+    <strong>on_repeated_click</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/DruidEvent.html#">DruidEvent</a>: Event on repeated action over button.
+<p> This callback will be triggered if user hold the button. The repeat rate pick from `input.repeat_interval` in game.project
+
+
+    <ul>
+        <li><span class="parameter">on_repeated_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="comment">-- Custom args passed in Button constructor
+</span>button.on_repeated_click:subscribe(<span class="keyword">function</span>(self, custom_args, button_instance, click_count)
+    <span class="global">print</span>(<span class="string">"On repeated Button click!"</span>)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "params"></a>
+    <strong>params</strong>
+    </dt>
+    <dd>
+    Custom args for any Button event.  Setup in Button constructor
+
+
+    <ul>
+        <li><span class="parameter">params</span>
+            <span class="types"><span class="type">any</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Checkbox.html

@@ -0,0 +1,354 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><strong>Checkbox</strong></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Checkbox</code></h1>
+<p>Druid checkbox component</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_checkboxes" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#get_state">get_state(self)</a></td>
+	<td class="summary">Return checkbox state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, callback[, click_node=node[, initial_state=false]])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_state">set_state(self, state, is_silent, is_instant)</a></td>
+	<td class="summary">Set checkbox state</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#button">button</a></td>
+	<td class="summary">Button component from click_node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#click_node">click_node</a></td>
+	<td class="summary">Button trigger node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Visual node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change_state">on_change_state</a></td>
+	<td class="summary">On change state callback(self, state)</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_state"></a>
+    <strong>get_state(self)</strong>
+    </dt>
+    <dd>
+    Return checkbox state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Checkbox</span></span>
+         <a href="../modules/Checkbox.html#">Checkbox</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        Checkbox state
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node, callback[, click_node=node[, initial_state=false]])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Checkbox</span></span>
+         <a href="../modules/Checkbox.html#">Checkbox</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Checkbox.html#node">node</a></span>
+         Gui node
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Checkbox callback
+        </li>
+        <li><span class="parameter">click_node</span>
+            <span class="types"><a class="type" href="../modules/Checkbox.html#node">node</a></span>
+         Trigger node, by default equals to node
+         (<em>default</em> node)
+        </li>
+        <li><span class="parameter">initial_state</span>
+            <span class="types"><span class="type">boolean</span></span>
+         The initial state of checkbox, default - false
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_state"></a>
+    <strong>set_state(self, state, is_silent, is_instant)</strong>
+    </dt>
+    <dd>
+    Set checkbox state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Checkbox</span></span>
+         <a href="../modules/Checkbox.html#">Checkbox</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         Checkbox state
+        </li>
+        <li><span class="parameter">is_silent</span>
+            <span class="types"><span class="type">bool</span></span>
+         Don't trigger on_change_state if true
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">bool</span></span>
+         If instant checkbox change
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">on_change_state</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, node, state)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "button"></a>
+    <strong>button</strong>
+    </dt>
+    <dd>
+    Button component from click_node
+
+
+    <ul>
+        <li><span class="parameter">button</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "click_node"></a>
+    <strong>click_node</strong>
+    </dt>
+    <dd>
+    Button trigger node
+
+
+    <ul>
+        <li><span class="parameter">click_node</span>
+            <span class="types"><a class="type" href="../modules/Checkbox.html#node">node</a></span>
+
+         (<em>default</em> node)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Visual node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Checkbox.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change_state"></a>
+    <strong>on_change_state</strong>
+    </dt>
+    <dd>
+    On change state callback(self, state)
+
+
+    <ul>
+        <li><span class="parameter">on_change_state</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/CheckboxGroup.html

@@ -0,0 +1,261 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><strong>CheckboxGroup</strong></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>CheckboxGroup</code></h1>
+<p>Checkbox group module</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_checkboxes" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#get_state">get_state(self)</a></td>
+	<td class="summary">Return checkbox group state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, nodes, callback[, click_nodes=node])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_state">set_state(self, indexes, is_instant)</a></td>
+	<td class="summary">Set checkbox group state</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#checkboxes">checkboxes</a></td>
+	<td class="summary">Array of checkbox components</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_checkbox_click">on_checkbox_click</a></td>
+	<td class="summary">On any checkbox click callback(self, index)</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_state"></a>
+    <strong>get_state(self)</strong>
+    </dt>
+    <dd>
+    Return checkbox group state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">CheckboxGroup</span></span>
+         <a href="../modules/CheckboxGroup.html#">CheckboxGroup</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool[]</span></span>
+        Array if checkboxes state
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, nodes, callback[, click_nodes=node])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">CheckboxGroup</span></span>
+         <a href="../modules/CheckboxGroup.html#">CheckboxGroup</a>
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+         Array of gui node
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Checkbox callback
+        </li>
+        <li><span class="parameter">click_nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+         Array of trigger nodes, by default equals to nodes
+         (<em>default</em> node)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_state"></a>
+    <strong>set_state(self, indexes, is_instant)</strong>
+    </dt>
+    <dd>
+    Set checkbox group state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">CheckboxGroup</span></span>
+         <a href="../modules/CheckboxGroup.html#">CheckboxGroup</a>
+        </li>
+        <li><span class="parameter">indexes</span>
+            <span class="types"><span class="type">bool[]</span></span>
+         Array of checkbox state
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If instant state change
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "checkboxes"></a>
+    <strong>checkboxes</strong>
+    </dt>
+    <dd>
+    Array of checkbox components
+
+
+    <ul>
+        <li><span class="parameter">checkboxes</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         <a href="../modules/Checkbox.html#">Checkbox</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_checkbox_click"></a>
+    <strong>on_checkbox_click</strong>
+    </dt>
+    <dd>
+    On any checkbox click callback(self, index)
+
+
+    <ul>
+        <li><span class="parameter">on_checkbox_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/DataList.html

@@ -0,0 +1,653 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><strong>DataList</strong></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>DataList</code></h1>
+<p>Component to manage data for huge dataset in scroll.</p>
+<p>
+ It requires Druid Scroll and Druid Grid (Static or Dynamic) components
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_data_list" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#clear">clear(self)</a></td>
+	<td class="summary">Clear the DataList and refresh visuals</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_created_components">get_created_components(self)</a></td>
+	<td class="summary">Return all currenly created components in DataList</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_created_nodes">get_created_nodes(self)</a></td>
+	<td class="summary">Return all currenly created nodes in DataList</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_data">get_data(self)</a></td>
+	<td class="summary">Return current data from DataList component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_first_index">get_first_index(self)</a></td>
+	<td class="summary">Return first index from data.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_index">get_index(self, data)</a></td>
+	<td class="summary">Return index for data value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_last_index">get_last_index(self)</a></td>
+	<td class="summary">Return last index from data</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_length">get_length(self)</a></td>
+	<td class="summary">Return amount of data</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, scroll, grid, create_function)</a></td>
+	<td class="summary">Data list constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_remove">on_remove(self)</a></td>
+	<td class="summary">Druid System on_remove function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scroll_to_index">scroll_to_index(self, index)</a></td>
+	<td class="summary">Instant scroll to element with passed index</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_data">set_data(self, data)</a></td>
+	<td class="summary">Set new data set for DataList component</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#grid">grid</a></td>
+	<td class="summary">The Druid Grid component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#last_index">last_index</a></td>
+	<td class="summary">The current visual last data index</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_element_add">on_element_add</a></td>
+	<td class="summary">On DataList visual element created Event callback(self, index, node, instance)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_element_remove">on_element_remove</a></td>
+	<td class="summary">On DataList visual element created Event callback(self, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_scroll_progress_change">on_scroll_progress_change</a></td>
+	<td class="summary">Event triggered when scroll progress is changed; event(self, progress_value)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scroll">scroll</a></td>
+	<td class="summary">The Druid scroll component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scroll_progress">scroll_progress</a></td>
+	<td class="summary">The current progress of scroll posititon</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#top_index">top_index</a></td>
+	<td class="summary">The current visual top data index</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "clear"></a>
+    <strong>clear(self)</strong>
+    </dt>
+    <dd>
+    Clear the DataList and refresh visuals
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_created_components"></a>
+    <strong>get_created_components(self)</strong>
+    </dt>
+    <dd>
+    Return all currenly created components in DataList
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.base_component[]</span></span>
+        List of created nodes
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_created_nodes"></a>
+    <strong>get_created_nodes(self)</strong>
+    </dt>
+    <dd>
+    Return all currenly created nodes in DataList
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Node[]</span></span>
+        List of created nodes
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_data"></a>
+    <strong>get_data(self)</strong>
+    </dt>
+    <dd>
+    Return current data from DataList component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+        The current data array
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_first_index"></a>
+    <strong>get_first_index(self)</strong>
+    </dt>
+    <dd>
+    Return first index from data.  It not always equals to 1
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_index"></a>
+    <strong>get_index(self, data)</strong>
+    </dt>
+    <dd>
+    Return index for data value
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+        <li><span class="parameter">data</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_last_index"></a>
+    <strong>get_last_index(self)</strong>
+    </dt>
+    <dd>
+    Return last index from data
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_length"></a>
+    <strong>get_length(self)</strong>
+    </dt>
+    <dd>
+    Return amount of data
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, scroll, grid, create_function)</strong>
+    </dt>
+    <dd>
+    Data list constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+        <li><span class="parameter">scroll</span>
+            <span class="types"><span class="type">Scroll</span></span>
+         The <a href="../modules/Scroll.html#">Scroll</a> instance for Data List component
+        </li>
+        <li><span class="parameter">grid</span>
+            <span class="types"><span class="type">StaticGrid</span> or <span class="type">DynamicGrid</span></span>
+         The <a href="../modules/StaticGrid.html#">StaticGrid</a> or <a href="../modules/DynamicGrid.html#">DynamicGrid</a> instance for Data List component
+        </li>
+        <li><span class="parameter">create_function</span>
+            <span class="types"><span class="type">function</span></span>
+         The create function callback(self, data, index, data_list). Function should return (node, [component])
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_remove"></a>
+    <strong>on_remove(self)</strong>
+    </dt>
+    <dd>
+    Druid System on_remove function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "scroll_to_index"></a>
+    <strong>scroll_to_index(self, index)</strong>
+    </dt>
+    <dd>
+    Instant scroll to element with passed index
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_data"></a>
+    <strong>set_data(self, data)</strong>
+    </dt>
+    <dd>
+    Set new data set for DataList component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DataList</span></span>
+         <a href="../modules/DataList.html#">DataList</a>
+        </li>
+        <li><span class="parameter">data</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         The new data array
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.data_list</span></span>
+        Current DataList instance
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "grid"></a>
+    <strong>grid</strong>
+    </dt>
+    <dd>
+    The Druid Grid component
+
+
+    <ul>
+        <li><span class="parameter">grid</span>
+            <span class="types"><span class="type">StaticGrid</span> or <span class="type">DynamicGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>, <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "last_index"></a>
+    <strong>last_index</strong>
+    </dt>
+    <dd>
+    The current visual last data index
+
+
+    <ul>
+        <li><span class="parameter">last_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_element_add"></a>
+    <strong>on_element_add</strong>
+    </dt>
+    <dd>
+    On DataList visual element created Event callback(self, index, node, instance)
+
+
+    <ul>
+        <li><span class="parameter">on_element_add</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_element_remove"></a>
+    <strong>on_element_remove</strong>
+    </dt>
+    <dd>
+    On DataList visual element created Event callback(self, index)
+
+
+    <ul>
+        <li><span class="parameter">on_element_remove</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_scroll_progress_change"></a>
+    <strong>on_scroll_progress_change</strong>
+    </dt>
+    <dd>
+    Event triggered when scroll progress is changed; event(self, progress_value)
+
+
+    <ul>
+        <li><span class="parameter">on_scroll_progress_change</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "scroll"></a>
+    <strong>scroll</strong>
+    </dt>
+    <dd>
+    The Druid scroll component
+
+
+    <ul>
+        <li><span class="parameter">scroll</span>
+            <span class="types"><span class="type">Scroll</span></span>
+         <a href="../modules/Scroll.html#">Scroll</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "scroll_progress"></a>
+    <strong>scroll_progress</strong>
+    </dt>
+    <dd>
+    The current progress of scroll posititon
+
+
+    <ul>
+        <li><span class="parameter">scroll_progress</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "top_index"></a>
+    <strong>top_index</strong>
+    </dt>
+    <dd>
+    The current visual top data index
+
+
+    <ul>
+        <li><span class="parameter">top_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Drag.html

@@ -0,0 +1,567 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><strong>Drag</strong></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>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> <a href="https://insality.github.io/druid/druid/index.html?example=general_drag" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, on_drag_callback)</a></td>
+	<td class="summary">Drag component constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_enabled">is_enabled(self)</a></td>
+	<td class="summary">Check if Drag component is enabled</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(self, node)</a></td>
+	<td class="summary">Strict drag click area.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_enabled">set_enabled(self, is_enabled)</a></td>
+	<td class="summary">Set Drag input enabled or disabled</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#can_x">can_x</a></td>
+	<td class="summary">Is drag component process vertical dragging.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#can_y">can_y</a></td>
+	<td class="summary">Is drag component process horizontal.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_drag">is_drag</a></td>
+	<td class="summary">Is component now dragging</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_touch">is_touch</a></td>
+	<td class="summary">Is component now touching</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_drag">on_drag</a></td>
+	<td class="summary">on drag progress callback(self, dx, dy, total_x, total_y)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_drag_end">on_drag_end</a></td>
+	<td class="summary">Event on drag end callback(self, total_x, total_y)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_drag_start">on_drag_start</a></td>
+	<td class="summary">Event on drag start callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_touch_end">on_touch_end</a></td>
+	<td class="summary">Event on touch end callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_touch_start">on_touch_start</a></td>
+	<td class="summary">Event on touch start callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#touch_start_pos">touch_start_pos</a></td>
+	<td class="summary">Touch start position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#x">x</a></td>
+	<td class="summary">Current touch x position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#y">y</a></td>
+	<td class="summary">Current touch y position</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(self, node, on_drag_callback)</strong>
+    </dt>
+    <dd>
+    Drag component constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Drag</span></span>
+         <a href="../modules/Drag.html#">Drag</a>
+        </li>
+        <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_drag_event(self, dx, dy)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_enabled"></a>
+    <strong>is_enabled(self)</strong>
+    </dt>
+    <dd>
+    Check if Drag component is enabled
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Drag</span></span>
+         <a href="../modules/Drag.html#">Drag</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(self, node)</strong>
+    </dt>
+    <dd>
+    Strict drag click area.  Useful for
+ restrict events outside stencil node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Drag</span></span>
+         <a href="../modules/Drag.html#">Drag</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_enabled"></a>
+    <strong>set_enabled(self, is_enabled)</strong>
+    </dt>
+    <dd>
+    Set Drag input enabled or disabled
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Drag</span></span>
+         <a href="../modules/Drag.html#">Drag</a>
+        </li>
+        <li><span class="parameter">is_enabled</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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>
+        <li><span class="parameter">NO_USE_SCREEN_KOEF</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If screen aspect ratio affects on drag values
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "can_x"></a>
+    <strong>can_x</strong>
+    </dt>
+    <dd>
+    Is drag component process vertical dragging.  Default - true
+
+
+    <ul>
+        <li><span class="parameter">can_x</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "can_y"></a>
+    <strong>can_y</strong>
+    </dt>
+    <dd>
+    Is drag component process horizontal.  Default - true
+
+
+    <ul>
+        <li><span class="parameter">can_y</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_drag"></a>
+    <strong>is_drag</strong>
+    </dt>
+    <dd>
+    Is component now dragging
+
+
+    <ul>
+        <li><span class="parameter">is_drag</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_touch"></a>
+    <strong>is_touch</strong>
+    </dt>
+    <dd>
+    Is component now touching
+
+
+    <ul>
+        <li><span class="parameter">is_touch</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_drag"></a>
+    <strong>on_drag</strong>
+    </dt>
+    <dd>
+    on drag progress callback(self, dx, dy, total_x, total_y)
+
+
+    <ul>
+        <li><span class="parameter">on_drag</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         Event <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_drag_end"></a>
+    <strong>on_drag_end</strong>
+    </dt>
+    <dd>
+    Event on drag end callback(self, total_x, total_y)
+
+
+    <ul>
+        <li><span class="parameter">on_drag_end</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_drag_start"></a>
+    <strong>on_drag_start</strong>
+    </dt>
+    <dd>
+    Event on drag start callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_drag_start</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_touch_end"></a>
+    <strong>on_touch_end</strong>
+    </dt>
+    <dd>
+    Event on touch end callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_touch_end</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_touch_start"></a>
+    <strong>on_touch_start</strong>
+    </dt>
+    <dd>
+    Event on touch start callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_touch_start</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "touch_start_pos"></a>
+    <strong>touch_start_pos</strong>
+    </dt>
+    <dd>
+    Touch start position
+
+
+    <ul>
+        <li><span class="parameter">touch_start_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "x"></a>
+    <strong>x</strong>
+    </dt>
+    <dd>
+    Current touch x position
+
+
+    <ul>
+        <li><span class="parameter">x</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "y"></a>
+    <strong>y</strong>
+    </dt>
+    <dd>
+    Current touch y position
+
+
+    <ul>
+        <li><span class="parameter">y</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/DruidEvent.html

@@ -0,0 +1,326 @@
+<!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 Framework</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>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><strong>DruidEvent</strong></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>DruidEvent</code></h1>
+<p>Druid Event Module
+<p> The Event module provides a simple class for handling callbacks.</p>
+<p> It is used in many Druid components.
+<p> You can subscribe to an event using the `:subscribe` method and unsubscribe using the `:unsubscribe` method.</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#clear">clear(self)</a></td>
+	<td class="summary">Clear the all event handlers</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#initialize">initialize(self[, initial_callback])</a></td>
+	<td class="summary">DruidEvent constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_exist">is_exist(self)</a></td>
+	<td class="summary">Return true, if event have at lease one handler</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#subscribe">subscribe(self, callback[, context])</a></td>
+	<td class="summary">Subscribe callback on event</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#trigger">trigger(self, ...)</a></td>
+	<td class="summary">Trigger the event and call all subscribed callbacks</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#unsubscribe">unsubscribe(self, callback[, context])</a></td>
+	<td class="summary">Unsubscribe callback on event</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "clear"></a>
+    <strong>clear(self)</strong>
+    </dt>
+    <dd>
+    Clear the all event handlers
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">button.on_long_click:clear()</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "initialize"></a>
+    <strong>initialize(self[, initial_callback])</strong>
+    </dt>
+    <dd>
+    DruidEvent constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+        <li><span class="parameter">initial_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Subscribe the callback on new event, if callback exist
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> Event = <span class="global">require</span>(<span class="string">"druid.event"</span>)
+...
+<span class="keyword">local</span> event = Event(initial_callback)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "is_exist"></a>
+    <strong>is_exist(self)</strong>
+    </dt>
+    <dd>
+    Return true, if event have at lease one handler
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        True if event have handlers
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> is_long_click_handler_exists = button.on_long_click:is_exist()</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "subscribe"></a>
+    <strong>subscribe(self, callback[, context])</strong>
+    </dt>
+    <dd>
+    Subscribe callback on event
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback itself
+        </li>
+        <li><span class="parameter">context</span>
+            <span class="types"><span class="type">Any</span></span>
+         Additional context as first param to callback call, usually it's self
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> <span class="keyword">function</span> on_long_callback(self)
+    <span class="global">print</span>(<span class="string">"Long click!"</span>)
+<span class="keyword">end</span>
+...
+<span class="keyword">local</span> button = self.druid:new_button(<span class="string">"button"</span>, callback)
+button.on_long_click:subscribe(on_long_callback, self)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "trigger"></a>
+    <strong>trigger(self, ...)</strong>
+    </dt>
+    <dd>
+    Trigger the event and call all subscribed callbacks
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+        <li><span class="parameter">...</span>
+            <span class="types"><span class="type">Any</span></span>
+         All event params
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> Event = <span class="global">require</span>(<span class="string">"druid.event"</span>)
+...
+<span class="keyword">local</span> event = Event()
+event:trigger(<span class="string">"Param1"</span>, <span class="string">"Param2"</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "unsubscribe"></a>
+    <strong>unsubscribe(self, callback[, context])</strong>
+    </dt>
+    <dd>
+    Unsubscribe callback on event
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback itself
+        </li>
+        <li><span class="parameter">context</span>
+            <span class="types"><span class="type">Any</span></span>
+         Additional context as first param to callback call
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> <span class="keyword">function</span> on_long_callback(self)
+    <span class="global">print</span>(<span class="string">"Long click!"</span>)
+<span class="keyword">end</span>
+...
+button.on_long_click:unsubscribe(on_long_callback, self)</pre>
+    </ul>
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/DynamicGrid.html

@@ -0,0 +1,798 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><strong>DynamicGrid</strong></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>DynamicGrid</code></h1>
+<p>Component to handle placing components in row</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_grid" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#_get_side_vector">_get_side_vector(self, side, is_forward)</a></td>
+	<td class="summary">Return side vector to correct node shifting</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#add">add(self, node[, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]]])</a></td>
+	<td class="summary">Add new node to the grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#clear">clear(self)</a></td>
+	<td class="summary">Clear grid nodes array.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_all_pos">get_all_pos(self)</a></td>
+	<td class="summary">Return array of all node positions</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_borders">get_borders(self)</a></td>
+	<td class="summary">Return grid content borders</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_index_by_node">get_index_by_node(self, node)</a></td>
+	<td class="summary">Return grid index by node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_offset">get_offset(self)</a></td>
+	<td class="summary">Return DynamicGrid offset, where DynamicGrid content starts.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_pos">get_pos(self, index, node[, origin_index])</a></td>
+	<td class="summary">Return pos for grid node index</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_size">get_size(self, border)</a></td>
+	<td class="summary">Return grid content size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, parent)</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#remove">remove(self, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]])</a></td>
+	<td class="summary">Remove the item from the grid.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_position_function">set_position_function(self, callback)</a></td>
+	<td class="summary">Change set position function for grid nodes.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#border">border</a></td>
+	<td class="summary">The size of item content</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#first_index">first_index</a></td>
+	<td class="summary">The first index of node in grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#last_index">last_index</a></td>
+	<td class="summary">The last index of node in grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node_size">node_size</a></td>
+	<td class="summary">Item size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#nodes">nodes</a></td>
+	<td class="summary">List of all grid elements.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_add_item">on_add_item</a></td>
+	<td class="summary">On item add callback(self, node, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change_items">on_change_items</a></td>
+	<td class="summary">On item add or remove callback(self, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_clear">on_clear</a></td>
+	<td class="summary">On grid clear callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_remove_item">on_remove_item</a></td>
+	<td class="summary">On item remove callback(self, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_update_positions">on_update_positions</a></td>
+	<td class="summary">On update item positions callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#parent">parent</a></td>
+	<td class="summary">Parent gui node</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "_get_side_vector"></a>
+    <strong>_get_side_vector(self, side, is_forward)</strong>
+    </dt>
+    <dd>
+    Return side vector to correct node shifting
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+
+        </li>
+        <li><span class="parameter">side</span>
+
+        </li>
+        <li><span class="parameter">is_forward</span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "add"></a>
+    <strong>add(self, node[, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]]])</strong>
+    </dt>
+    <dd>
+    Add new node to the grid
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The node position. By default add as last node
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">number</span></span>
+         How shift nodes, if required. See const.SHIFT
+         (<em>default</em> SHIFT.RIGHT)
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true, update node positions instantly
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "clear"></a>
+    <strong>clear(self)</strong>
+    </dt>
+    <dd>
+    Clear grid nodes array.  GUI nodes will be not deleted!
+ If you want to delete GUI nodes, use dynamic_grid.nodes array before grid:clear
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.dynamic_grid</span></span>
+        Current grid instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_all_pos"></a>
+    <strong>get_all_pos(self)</strong>
+    </dt>
+    <dd>
+    Return array of all node positions
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3[]</span></span>
+        All grid node positions
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_borders"></a>
+    <strong>get_borders(self)</strong>
+    </dt>
+    <dd>
+    Return grid content borders
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The grid content borders
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_index_by_node"></a>
+    <strong>get_index_by_node(self, node)</strong>
+    </dt>
+    <dd>
+    Return grid index by node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         The gui node in the grid
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The node index
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_offset"></a>
+    <strong>get_offset(self)</strong>
+    </dt>
+    <dd>
+    Return DynamicGrid offset, where DynamicGrid content starts.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a> The DynamicGrid instance
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The DynamicGrid offset
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_pos"></a>
+    <strong>get_pos(self, index, node[, origin_index])</strong>
+    </dt>
+    <dd>
+    Return pos for grid node index
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The grid element index
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         The node to be placed
+        </li>
+        <li><span class="parameter">origin_index</span>
+            <span class="types"><span class="type">number</span></span>
+         Index of nearby node
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        Node position
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_size"></a>
+    <strong>get_size(self, border)</strong>
+    </dt>
+    <dd>
+    Return grid content size
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">border</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The grid content size
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, parent)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">parent</span>
+            <span class="types"><span class="type">node</span></span>
+         The gui node parent, where items will be placed
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "remove"></a>
+    <strong>remove(self, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]])</strong>
+    </dt>
+    <dd>
+    Remove the item from the grid.  Note that gui node will be not deleted
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The grid node index to remove
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">number</span></span>
+         How shift nodes, if required. See const.SHIFT
+         (<em>default</em> SHIFT.RIGHT)
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true, update node positions instantly
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">node</span></span>
+        The deleted gui node from grid
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_position_function"></a>
+    <strong>set_position_function(self, callback)</strong>
+    </dt>
+    <dd>
+    Change set position function for grid nodes.  It will call on
+ update poses on grid elements. Default: gui.set_position
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">DynamicGrid</span></span>
+         <a href="../modules/DynamicGrid.html#">DynamicGrid</a>
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Function on node set position
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.dynamic_grid</span></span>
+        Current grid instance
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "border"></a>
+    <strong>border</strong>
+    </dt>
+    <dd>
+    The size of item content
+
+
+    <ul>
+        <li><span class="parameter">border</span>
+            <span class="types"><span class="type">vector4</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "first_index"></a>
+    <strong>first_index</strong>
+    </dt>
+    <dd>
+    The first index of node in grid
+
+
+    <ul>
+        <li><span class="parameter">first_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "last_index"></a>
+    <strong>last_index</strong>
+    </dt>
+    <dd>
+    The last index of node in grid
+
+
+    <ul>
+        <li><span class="parameter">last_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node_size"></a>
+    <strong>node_size</strong>
+    </dt>
+    <dd>
+    Item size
+
+
+    <ul>
+        <li><span class="parameter">node_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "nodes"></a>
+    <strong>nodes</strong>
+    </dt>
+    <dd>
+    List of all grid elements.  Contains from node, pos, size, pivot
+
+
+    <ul>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_add_item"></a>
+    <strong>on_add_item</strong>
+    </dt>
+    <dd>
+    On item add callback(self, node, index)
+
+
+    <ul>
+        <li><span class="parameter">on_add_item</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change_items"></a>
+    <strong>on_change_items</strong>
+    </dt>
+    <dd>
+    On item add or remove callback(self, index)
+
+
+    <ul>
+        <li><span class="parameter">on_change_items</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_clear"></a>
+    <strong>on_clear</strong>
+    </dt>
+    <dd>
+    On grid clear callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_clear</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_remove_item"></a>
+    <strong>on_remove_item</strong>
+    </dt>
+    <dd>
+    On item remove callback(self, index)
+
+
+    <ul>
+        <li><span class="parameter">on_remove_item</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_update_positions"></a>
+    <strong>on_update_positions</strong>
+    </dt>
+    <dd>
+    On update item positions callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_update_positions</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "parent"></a>
+    <strong>parent</strong>
+    </dt>
+    <dd>
+    Parent gui node
+
+
+    <ul>
+        <li><span class="parameter">parent</span>
+            <span class="types"><span class="type">node</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Helper.html

@@ -0,0 +1,891 @@
+<!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 Framework</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>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><strong>Helper</strong></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Helper</code></h1>
+<p>Helper module with various usefull GUI functions.</p>
+<p></p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">local helper = require(&quot;druid.helper&quot;)
+helper.centrate_nodes(0, node_1, node_2)
+</pre>
+    </ul>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#helper.add_array">helper.add_array(target[, source])</a></td>
+	<td class="summary">Add all elements from source array to the target array</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.centrate_nodes">helper.centrate_nodes([margin=0], ...)</a></td>
+	<td class="summary">Centerate nodes by x position with margin.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.clamp">helper.clamp(a, min, max)</a></td>
+	<td class="summary">Clamp value between min and max</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.contains">helper.contains(t, value)</a></td>
+	<td class="summary">Check if value is in array and return index of it</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.deepcopy">helper.deepcopy(orig_table)</a></td>
+	<td class="summary">Make a copy table with all nested tables</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.distance">helper.distance(x1, y1, x2, y2)</a></td>
+	<td class="summary">Calculate distance between two points</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_border">helper.get_border(node[, offset])</a></td>
+	<td class="summary">Distance from node position to his borders</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_closest_stencil_node">helper.get_closest_stencil_node(node)</a></td>
+	<td class="summary">Return closest non inverted clipping parent node for given node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_gui_scale">helper.get_gui_scale()</a></td>
+	<td class="summary">Get current GUI scale for each side</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_pivot_offset">helper.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.get_scaled_size">helper.get_scaled_size(node)</a></td>
+	<td class="summary">Get node size adjusted by scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_scene_scale">helper.get_scene_scale(node, include_passed_node_scale)</a></td>
+	<td class="summary">Get cumulative parent's node scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_screen_aspect_koef">helper.get_screen_aspect_koef()</a></td>
+	<td class="summary">Get current screen stretch multiplier for each side</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.get_text_metrics_from_node">helper.get_text_metrics_from_node(text_node)</a></td>
+	<td class="summary">Get text metric from GUI node.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.insert_with_shift">helper.insert_with_shift(array, item[, index[, shift_policy]])</a></td>
+	<td class="summary">Add value to array with shift policy</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.is_mobile">helper.is_mobile()</a></td>
+	<td class="summary">Check if device is native mobile (Android or iOS)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.is_web">helper.is_web()</a></td>
+	<td class="summary">Check if device is HTML5</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.lerp">helper.lerp(a, b, t)</a></td>
+	<td class="summary">Lerp between two values</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.remove_with_shift">helper.remove_with_shift(array[, index[, shift_policy]])</a></td>
+	<td class="summary">Remove value from array with shift policy</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.round">helper.round(num[, num_decimal_places=0])</a></td>
+	<td class="summary">Round number to specified decimal places</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.sign">helper.sign(val)</a></td>
+	<td class="summary">Return sign of value (-1, 0, 1)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.step">helper.step(current, target, step)</a></td>
+	<td class="summary">Move value from current to target value with step amount</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper.table_to_string">helper.table_to_string(t)</a></td>
+	<td class="summary">Simple table to one-line string converter</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "helper.add_array"></a>
+    <strong>helper.add_array(target[, source])</strong>
+    </dt>
+    <dd>
+    Add all elements from source array to the target array
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">target</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Array to put elements from source
+        </li>
+        <li><span class="parameter">source</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         The source array to get elements from
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">array</span></span>
+        The target array
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.centrate_nodes"></a>
+    <strong>helper.centrate_nodes([margin=0], ...)</strong>
+    </dt>
+    <dd>
+    Centerate nodes by x position with margin.
+<p> This functions calculate total width of nodes and set position for each node.
+ The centrate will be around 0 x position.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">margin</span>
+            <span class="types"><span class="type">number</span></span>
+         Offset between nodes
+         (<em>default</em> 0)
+        </li>
+        <li><span class="parameter">...</span>
+         Gui nodes
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.clamp"></a>
+    <strong>helper.clamp(a, min, max)</strong>
+    </dt>
+    <dd>
+    Clamp value between min and max
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">a</span>
+            <span class="types"><span class="type">number</span></span>
+         Value
+        </li>
+        <li><span class="parameter">min</span>
+            <span class="types"><span class="type">number</span></span>
+         Min value
+        </li>
+        <li><span class="parameter">max</span>
+            <span class="types"><span class="type">number</span></span>
+         Max value
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Clamped value
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.contains"></a>
+    <strong>helper.contains(t, value)</strong>
+    </dt>
+    <dd>
+    Check if value is in array and return index of it
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">t</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Array
+        </li>
+        <li><span class="parameter">value</span>
+         Value
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span> or <span class="type">nil</span></span>
+        Index of value or nil
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.deepcopy"></a>
+    <strong>helper.deepcopy(orig_table)</strong>
+    </dt>
+    <dd>
+    Make a copy table with all nested tables
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">orig_table</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Original table
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+        Copy of original table
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.distance"></a>
+    <strong>helper.distance(x1, y1, x2, y2)</strong>
+    </dt>
+    <dd>
+    Calculate distance between two points
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">x1</span>
+            <span class="types"><span class="type">number</span></span>
+         First point x
+        </li>
+        <li><span class="parameter">y1</span>
+            <span class="types"><span class="type">number</span></span>
+         First point y
+        </li>
+        <li><span class="parameter">x2</span>
+            <span class="types"><span class="type">number</span></span>
+         Second point x
+        </li>
+        <li><span class="parameter">y2</span>
+            <span class="types"><span class="type">number</span></span>
+         Second point y
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Distance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_border"></a>
+    <strong>helper.get_border(node[, offset])</strong>
+    </dt>
+    <dd>
+    Distance from node position to his borders
+
+
+    <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">offset</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Offset from node position. Pass current node position to get non relative border values
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector4</span></span>
+        Vector4 with border values (left, top, right, down)
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_closest_stencil_node"></a>
+    <strong>helper.get_closest_stencil_node(node)</strong>
+    </dt>
+    <dd>
+    Return closest non inverted clipping parent node for given node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         GUI node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">node</span> or <span class="type">nil</span></span>
+        The closest stencil node or nil
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_gui_scale"></a>
+    <strong>helper.get_gui_scale()</strong>
+    </dt>
+    <dd>
+    Get current GUI scale for each side
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        scale_x</li>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        scale_y</li>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_pivot_offset"></a>
+    <strong>helper.get_pivot_offset(pivot)</strong>
+    </dt>
+    <dd>
+    Get node offset for given GUI pivot.
+<p> Offset shown in [-0.5 .. 0.5] range, where -0.5 is left or bottom, 0.5 is right or top.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">pivot</span>
+            <span class="types"><span class="type">gui.pivot</span></span>
+         The node pivot
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        Vector offset with [-0.5..0.5] values
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_scaled_size"></a>
+    <strong>helper.get_scaled_size(node)</strong>
+    </dt>
+    <dd>
+    Get node size adjusted by scale
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         GUI node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        Scaled size
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_scene_scale"></a>
+    <strong>helper.get_scene_scale(node, include_passed_node_scale)</strong>
+    </dt>
+    <dd>
+    Get cumulative parent's node scale
+
+
+    <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">include_passed_node_scale</span>
+            <span class="types"><span class="type">bool</span></span>
+         True if add current node scale to result
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The scene node scale
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_screen_aspect_koef"></a>
+    <strong>helper.get_screen_aspect_koef()</strong>
+    </dt>
+    <dd>
+    Get current screen stretch multiplier for each side
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        stretch_x</li>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        stretch_y</li>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.get_text_metrics_from_node"></a>
+    <strong>helper.get_text_metrics_from_node(text_node)</strong>
+    </dt>
+    <dd>
+    Get text metric from GUI node.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">text_node</span>
+            <span class="types"><span class="type">Node</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">GUITextMetrics</span></span>
+
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="global">type</span> GUITextMetrics = {
+  width: number,
+  height: number,
+  max_ascent: number,
+  max_descent: number
+}</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "helper.insert_with_shift"></a>
+    <strong>helper.insert_with_shift(array, item[, index[, shift_policy]])</strong>
+    </dt>
+    <dd>
+    Add value to array with shift policy  Shift policy can be: left, right, no_shift
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">array</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Array
+        </li>
+        <li><span class="parameter">item</span>
+         Item to insert
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         Index to insert. If nil, item will be inserted at the end of array
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">const.SHIFT</span></span>
+         Shift policy
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">item</span></span>
+        Inserted item
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.is_mobile"></a>
+    <strong>helper.is_mobile()</strong>
+    </dt>
+    <dd>
+    Check if device is native mobile (Android or iOS)
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        Is mobile
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.is_web"></a>
+    <strong>helper.is_web()</strong>
+    </dt>
+    <dd>
+    Check if device is HTML5
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        Is web
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.lerp"></a>
+    <strong>helper.lerp(a, b, t)</strong>
+    </dt>
+    <dd>
+    Lerp between two values
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">a</span>
+            <span class="types"><span class="type">number</span></span>
+         First value
+        </li>
+        <li><span class="parameter">b</span>
+            <span class="types"><span class="type">number</span></span>
+         Second value
+        </li>
+        <li><span class="parameter">t</span>
+            <span class="types"><span class="type">number</span></span>
+         Lerp amount
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Lerped value
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.remove_with_shift"></a>
+    <strong>helper.remove_with_shift(array[, index[, shift_policy]])</strong>
+    </dt>
+    <dd>
+    Remove value from array with shift policy  Shift policy can be: left, right, no_shift
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">array</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Array
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         Index to remove. If nil, item will be removed from the end of array
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">const.SHIFT</span></span>
+         Shift policy
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">item</span></span>
+        Removed item
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.round"></a>
+    <strong>helper.round(num[, num_decimal_places=0])</strong>
+    </dt>
+    <dd>
+    Round number to specified decimal places
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">num</span>
+            <span class="types"><span class="type">number</span></span>
+         Number
+        </li>
+        <li><span class="parameter">num_decimal_places</span>
+            <span class="types"><span class="type">number</span></span>
+         Decimal places
+         (<em>default</em> 0)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Rounded number
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.sign"></a>
+    <strong>helper.sign(val)</strong>
+    </dt>
+    <dd>
+    Return sign of value (-1, 0, 1)
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">val</span>
+            <span class="types"><span class="type">number</span></span>
+         Value
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Sign
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.step"></a>
+    <strong>helper.step(current, target, step)</strong>
+    </dt>
+    <dd>
+    Move value from current to target value with step amount
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">current</span>
+            <span class="types"><span class="type">number</span></span>
+         Current value
+        </li>
+        <li><span class="parameter">target</span>
+            <span class="types"><span class="type">number</span></span>
+         Target value
+        </li>
+        <li><span class="parameter">step</span>
+            <span class="types"><span class="type">number</span></span>
+         Step amount
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        New value
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "helper.table_to_string"></a>
+    <strong>helper.table_to_string(t)</strong>
+    </dt>
+    <dd>
+    Simple table to one-line string converter
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">t</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+    </ol>
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Hotkey.html

@@ -0,0 +1,315 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><strong>Hotkey</strong></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Hotkey</code></h1>
+<p>Druid hotkey component</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_hotkey" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#add_hotkey">add_hotkey(self, keys[, callback_argument])</a></td>
+	<td class="summary">Add hotkey for component callback</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, keys, callback[, callback_argument])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#button">button</a></td>
+	<td class="summary">Button component from click_node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#click_node">click_node</a></td>
+	<td class="summary">Button trigger node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Visual node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change_state">on_change_state</a></td>
+	<td class="summary">On change state callback(self, state)</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "add_hotkey"></a>
+    <strong>add_hotkey(self, keys[, callback_argument])</strong>
+    </dt>
+    <dd>
+    Add hotkey for component callback
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hotkey</span></span>
+         <a href="../modules/Hotkey.html#">Hotkey</a>
+        </li>
+        <li><span class="parameter">keys</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string[]</a>, <span class="type">hash[]</span>, <a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">hash</span></span>
+         that have to be pressed before key pressed to activate
+        </li>
+        <li><span class="parameter">callback_argument</span>
+            <span class="types"><span class="type">value</span></span>
+         The argument to pass into the callback function
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, keys, callback[, callback_argument])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hotkey</span></span>
+         <a href="../modules/Hotkey.html#">Hotkey</a>
+        </li>
+        <li><span class="parameter">keys</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string[]</a> or <a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The keys to be pressed for trigger callback. Should contains one key and any modificator keys
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         The callback function
+        </li>
+        <li><span class="parameter">callback_argument</span>
+            <span class="types"><span class="type">value</span></span>
+         The argument to pass into the callback function
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">MODIFICATORS</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string[]</a></span>
+         The list of action_id as hotkey modificators
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "button"></a>
+    <strong>button</strong>
+    </dt>
+    <dd>
+    Button component from click_node
+
+
+    <ul>
+        <li><span class="parameter">button</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "click_node"></a>
+    <strong>click_node</strong>
+    </dt>
+    <dd>
+    Button trigger node
+
+
+    <ul>
+        <li><span class="parameter">click_node</span>
+            <span class="types"><a class="type" href="../modules/Hotkey.html#node">node</a></span>
+
+         (<em>default</em> node)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Visual node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Hotkey.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change_state"></a>
+    <strong>on_change_state</strong>
+    </dt>
+    <dd>
+    On change state callback(self, state)
+
+
+    <ul>
+        <li><span class="parameter">on_change_state</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Hover.html

@@ -0,0 +1,404 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><strong>Hover</strong></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Hover</code></h1>
+<p>Component to handle hover node interaction</p>
+<p></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, on_hover_callback)</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_enabled">is_enabled(self)</a></td>
+	<td class="summary">Return current hover enabled state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_hovered">is_hovered(self)</a></td>
+	<td class="summary">Return current hover state.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_mouse_hovered">is_mouse_hovered(self)</a></td>
+	<td class="summary">Return current hover state.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(self, zone)</a></td>
+	<td class="summary">Strict hover click area.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_enabled">set_enabled(self, state)</a></td>
+	<td class="summary">Set enable state of hover component.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_hover">set_hover(self, state)</a></td>
+	<td class="summary">Set hover state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_mouse_hover">set_mouse_hover(self, state)</a></td>
+	<td class="summary">Set mouse hover state</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#on_hover">on_hover</a></td>
+	<td class="summary">On hover callback(self, state, hover_instance)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_mouse_hover">on_mouse_hover</a></td>
+	<td class="summary">On mouse hover callback(self, state, hover_instance)</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(self, node, on_hover_callback)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+        <li><span class="parameter">on_hover_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Hover callback
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_enabled"></a>
+    <strong>is_enabled(self)</strong>
+    </dt>
+    <dd>
+    Return current hover enabled state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        The hover enabled state
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_hovered"></a>
+    <strong>is_hovered(self)</strong>
+    </dt>
+    <dd>
+    Return current hover state.  True if touch action was on the node at current time
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        The current hovered state
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_mouse_hovered"></a>
+    <strong>is_mouse_hovered(self)</strong>
+    </dt>
+    <dd>
+    Return current hover state.  True if nil action_id (usually desktop mouse) was on the node at current time
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        The current hovered state
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(self, zone)</strong>
+    </dt>
+    <dd>
+    Strict hover click area.  Useful for
+ no click events outside stencil node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+        <li><span class="parameter">zone</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_enabled"></a>
+    <strong>set_enabled(self, state)</strong>
+    </dt>
+    <dd>
+    Set enable state of hover component.
+ If hover is not enabled, it will not generate
+ any hover events
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         The hover enabled state
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_hover"></a>
+    <strong>set_hover(self, state)</strong>
+    </dt>
+    <dd>
+    Set hover state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         The hover state
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_mouse_hover"></a>
+    <strong>set_mouse_hover(self, state)</strong>
+    </dt>
+    <dd>
+    Set mouse hover state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Hover</span></span>
+         <a href="../modules/Hover.html#">Hover</a>
+        </li>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         The mouse hover state
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "on_hover"></a>
+    <strong>on_hover</strong>
+    </dt>
+    <dd>
+    On hover callback(self, state, hover_instance)
+
+
+    <ul>
+        <li><span class="parameter">on_hover</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_mouse_hover"></a>
+    <strong>on_mouse_hover</strong>
+    </dt>
+    <dd>
+    On mouse hover callback(self, state, hover_instance)
+
+
+    <ul>
+        <li><span class="parameter">on_mouse_hover</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Input.html

@@ -0,0 +1,744 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><strong>Input</strong></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Input</code></h1>
+<p>Druid input text component.</p>
+<p>
+ Carry on user text input
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_input" target="_blank"><b>Example Link</b></a></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="#get_text">get_text(self)</a></td>
+	<td class="summary">Return current input field text</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, click_node, text_node[, keyboard_type])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#reset_changes">reset_changes(self)</a></td>
+	<td class="summary">Reset current input selection and return previous value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#select">select(self)</a></td>
+	<td class="summary">Select input field.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_allowed_characters">set_allowed_characters(self, characters)</a></td>
+	<td class="summary">Set allowed charaters for input field.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_max_length">set_max_length(self, max_length)</a></td>
+	<td class="summary">Set maximum length for input field.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_text">set_text(self, input_text)</a></td>
+	<td class="summary">Set text for input field</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#unselect">unselect(self)</a></td>
+	<td class="summary">Remove selection from input.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#allowerd_characters">allowerd_characters</a></td>
+	<td class="summary">Pattern matching for user input</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#button">button</a></td>
+	<td class="summary">Button component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_empty">is_empty</a></td>
+	<td class="summary">Is current input is empty now</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_selected">is_selected</a></td>
+	<td class="summary">Is current input selected now</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#keyboard_type">keyboard_type</a></td>
+	<td class="summary">Gui keyboard type for input field</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#max_length">max_length</a></td>
+	<td class="summary">Max length for input text</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_empty">on_input_empty</a></td>
+	<td class="summary">On input field text change to empty string callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_full">on_input_full</a></td>
+	<td class="summary">On input field text change to max length string callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_select">on_input_select</a></td>
+	<td class="summary">On input field select callback(self, button_node)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_text">on_input_text</a></td>
+	<td class="summary">On input field text change callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_unselect">on_input_unselect</a></td>
+	<td class="summary">On input field unselect callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_input_wrong">on_input_wrong</a></td>
+	<td class="summary">On trying user input with not allowed character callback(self, params, button_instance)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#text">text</a></td>
+	<td class="summary">Text component</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_text"></a>
+    <strong>get_text(self)</strong>
+    </dt>
+    <dd>
+    Return current input field text
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+        The current input field text
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, click_node, text_node[, keyboard_type])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+        <li><span class="parameter">click_node</span>
+            <span class="types"><span class="type">node</span></span>
+         Node to enabled input component
+        </li>
+        <li><span class="parameter">text_node</span>
+            <span class="types"><span class="type">node</span> or <span class="type">Text</span></span>
+         Text node what will be changed on user input. You can pass text component instead of text node name <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">keyboard_type</span>
+            <span class="types"><span class="type">number</span></span>
+         Gui keyboard type for input field
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "reset_changes"></a>
+    <strong>reset_changes(self)</strong>
+    </dt>
+    <dd>
+    Reset current input selection and return previous value
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "select"></a>
+    <strong>select(self)</strong>
+    </dt>
+    <dd>
+    Select input field.  It will show the keyboard and trigger on_select events
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_allowed_characters"></a>
+    <strong>set_allowed_characters(self, 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">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+        <li><span class="parameter">characters</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.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>
+        Current input instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_max_length"></a>
+    <strong>set_max_length(self, 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">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+        <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>
+        Current input instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_text"></a>
+    <strong>set_text(self, input_text)</strong>
+    </dt>
+    <dd>
+    Set text for input field
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+        <li><span class="parameter">input_text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The string to apply for input field
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "unselect"></a>
+    <strong>unselect(self)</strong>
+    </dt>
+    <dd>
+    Remove selection from input.  It will hide the keyboard and trigger on_unselect events
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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.1/manual.html#5.4">string</a></span>
+         Default character mask for password input
+         (<em>default</em> *)
+        </li>
+        <li><span class="parameter">IS_UNSELECT_ON_RESELECT</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, call unselect on select selected input
+         (<em>default</em> false)
+        </li>
+        <li><span class="parameter">NO_CONSUME_INPUT_WHILE_SELECTED</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, will not consume input while input is selected. It's allow to interact with other components while input is selected (text input still captured)
+         (<em>default</em> false)
+        </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.1/manual.html#5.5">table</a></span>
+         Custom button style for input node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "allowerd_characters"></a>
+    <strong>allowerd_characters</strong>
+    </dt>
+    <dd>
+    Pattern matching for user input
+
+
+    <ul>
+        <li><span class="parameter">allowerd_characters</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "button"></a>
+    <strong>button</strong>
+    </dt>
+    <dd>
+    Button component
+
+
+    <ul>
+        <li><span class="parameter">button</span>
+            <span class="types"><span class="type">Button</span></span>
+         <a href="../modules/Button.html#">Button</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_empty"></a>
+    <strong>is_empty</strong>
+    </dt>
+    <dd>
+    Is current input is empty now
+
+
+    <ul>
+        <li><span class="parameter">is_empty</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_selected"></a>
+    <strong>is_selected</strong>
+    </dt>
+    <dd>
+    Is current input selected now
+
+
+    <ul>
+        <li><span class="parameter">is_selected</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "keyboard_type"></a>
+    <strong>keyboard_type</strong>
+    </dt>
+    <dd>
+    Gui keyboard type for input field
+
+
+    <ul>
+        <li><span class="parameter">keyboard_type</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "max_length"></a>
+    <strong>max_length</strong>
+    </dt>
+    <dd>
+    Max length for input text
+
+
+    <ul>
+        <li><span class="parameter">max_length</span>
+            <span class="types"><span class="type">number</span></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_empty"></a>
+    <strong>on_input_empty</strong>
+    </dt>
+    <dd>
+    On input field text change to empty string callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">on_input_empty</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_full"></a>
+    <strong>on_input_full</strong>
+    </dt>
+    <dd>
+    On input field text change to max length string callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">on_input_full</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_select"></a>
+    <strong>on_input_select</strong>
+    </dt>
+    <dd>
+    On input field select callback(self, button_node)
+
+
+    <ul>
+        <li><span class="parameter">on_input_select</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_text"></a>
+    <strong>on_input_text</strong>
+    </dt>
+    <dd>
+    On input field text change callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">on_input_text</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_unselect"></a>
+    <strong>on_input_unselect</strong>
+    </dt>
+    <dd>
+    On input field unselect callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">on_input_unselect</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_input_wrong"></a>
+    <strong>on_input_wrong</strong>
+    </dt>
+    <dd>
+    On trying user input with not allowed character callback(self, params, button_instance)
+
+
+    <ul>
+        <li><span class="parameter">on_input_wrong</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "text"></a>
+    <strong>text</strong>
+    </dt>
+    <dd>
+    Text component
+
+
+    <ul>
+        <li><span class="parameter">text</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/LangText.html

@@ -0,0 +1,375 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><strong>LangText</strong></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>LangText</code></h1>
+<p>Component to wrap over GUI Text nodes with localization helpers
+<p> <b># Overview #</b>
+<p> • The initialization of druid.set_text_function is required to enable localization
+ using the localization ID.</p>
+<p>
+<p> • The LangText component supports up to 7 string format parameters.
+ This limitation exists due to certain issues with using ... arguments.
+<p> <b># Notes #</b>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=texts_lang_text" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#format">format(self[, a[, b[, c[, d[, e[, f[, g]]]]]]])</a></td>
+	<td class="summary">Format string with new text params on localized text</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, locale_id[, adjust_type=downscale])</a></td>
+	<td class="summary">The <a href="../modules/LangText.html#">LangText</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_to">set_to(self, text)</a></td>
+	<td class="summary">Setup raw text to lang_text component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#translate">translate(self, locale_id[, a[, b[, c[, d[, e[, f[, g]]]]]]])</a></td>
+	<td class="summary">Translate the text by locale_id</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#on_change">on_change</a></td>
+	<td class="summary">On change text callback</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#text">text</a></td>
+	<td class="summary">The text component</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "format"></a>
+    <strong>format(self[, a[, b[, c[, d[, e[, f[, g]]]]]]])</strong>
+    </dt>
+    <dd>
+    Format string with new text params on localized text
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">LangText</span></span>
+         <a href="../modules/LangText.html#">LangText</a>
+        </li>
+        <li><span class="parameter">a</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">b</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">c</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">d</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">e</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">f</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">g</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">LangText</span></span>
+        Current instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node, locale_id[, adjust_type=downscale])</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/LangText.html#">LangText</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">LangText</span></span>
+         <a href="../modules/LangText.html#">LangText</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">node</span></span>
+         Node name or GUI Text Node itself
+        </li>
+        <li><span class="parameter">locale_id</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Default locale id or text from node as default
+        </li>
+        <li><span class="parameter">adjust_type</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Adjust type for text. By default is DOWNSCALE. Look const.TEXT_ADJUST for reference
+         (<em>default</em> downscale)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_to"></a>
+    <strong>set_to(self, text)</strong>
+    </dt>
+    <dd>
+    Setup raw text to lang_text component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">LangText</span></span>
+         <a href="../modules/LangText.html#">LangText</a>
+        </li>
+        <li><span class="parameter">text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Text for text node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">LangText</span></span>
+        Current instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "translate"></a>
+    <strong>translate(self, locale_id[, a[, b[, c[, d[, e[, f[, g]]]]]]])</strong>
+    </dt>
+    <dd>
+    Translate the text by locale_id
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">LangText</span></span>
+         <a href="../modules/LangText.html#">LangText</a>
+        </li>
+        <li><span class="parameter">locale_id</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Locale id
+        </li>
+        <li><span class="parameter">a</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">b</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">c</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">d</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">e</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">f</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">g</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Optional param to string.format
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">LangText</span></span>
+        Current instance
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "on_change"></a>
+    <strong>on_change</strong>
+    </dt>
+    <dd>
+    On change text callback
+
+
+    <ul>
+        <li><span class="parameter">on_change</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "text"></a>
+    <strong>text</strong>
+    </dt>
+    <dd>
+    The text component
+
+
+    <ul>
+        <li><span class="parameter">text</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Layout.html

@@ -0,0 +1,498 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><strong>Layout</strong></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Layout</code></h1>
+<p>Layout management on node</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_layout" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#fit_into_node">fit_into_node(self[, node])</a></td>
+	<td class="summary">Set node for layout node to fit inside it.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#fit_into_size">fit_into_size(self, target_size)</a></td>
+	<td class="summary">Set size for layout node to fit inside it</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#fit_into_window">fit_into_window(self)</a></td>
+	<td class="summary">Set current size for layout node to fit inside it</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, mode[, on_size_changed_callback])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_max_gui_upscale">set_max_gui_upscale(self, max_gui_upscale)</a></td>
+	<td class="summary">Set max gui upscale for FIT adjust mode (or side).</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_max_size">set_max_size(self, max_size)</a></td>
+	<td class="summary">Set maximum size of layout node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_min_size">set_min_size(self, min_size)</a></td>
+	<td class="summary">Set minimal size of layout node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_origin_position">set_origin_position(self, new_origin_position)</a></td>
+	<td class="summary">Set new origin position of layout node.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_origin_size">set_origin_size(self, new_origin_size)</a></td>
+	<td class="summary">Set new origin size of layout node.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#mode">mode</a></td>
+	<td class="summary">Current layout mode</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Layout node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_size_changed">on_size_changed</a></td>
+	<td class="summary">On window resize callback(self, new_size)</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "fit_into_node"></a>
+    <strong>fit_into_node(self[, node])</strong>
+    </dt>
+    <dd>
+    Set node for layout node to fit inside it.  Pass nil to reset
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">Node</span></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "fit_into_size"></a>
+    <strong>fit_into_size(self, target_size)</strong>
+    </dt>
+    <dd>
+    Set size for layout node to fit inside it
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">target_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "fit_into_window"></a>
+    <strong>fit_into_window(self)</strong>
+    </dt>
+    <dd>
+    Set current size for layout node to fit inside it
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node, mode[, on_size_changed_callback])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Layout.html#node">node</a></span>
+         Gui node
+        </li>
+        <li><span class="parameter">mode</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The layout mode (from const.LAYOUT_MODE)
+        </li>
+        <li><span class="parameter">on_size_changed_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         The callback on window resize
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_max_gui_upscale"></a>
+    <strong>set_max_gui_upscale(self, max_gui_upscale)</strong>
+    </dt>
+    <dd>
+    Set max gui upscale for FIT adjust mode (or side).  It happens on bigger render gui screen
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">max_gui_upscale</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_max_size"></a>
+    <strong>set_max_size(self, max_size)</strong>
+    </dt>
+    <dd>
+    Set maximum size of layout node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">max_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_min_size"></a>
+    <strong>set_min_size(self, min_size)</strong>
+    </dt>
+    <dd>
+    Set minimal size of layout node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">min_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_origin_position"></a>
+    <strong>set_origin_position(self, new_origin_position)</strong>
+    </dt>
+    <dd>
+    Set new origin position of layout node.  You should apply this on node movement
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">new_origin_position</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_origin_size"></a>
+    <strong>set_origin_size(self, new_origin_size)</strong>
+    </dt>
+    <dd>
+    Set new origin size of layout node.  You should apply this on node manual size change
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Layout</span></span>
+         <a href="../modules/Layout.html#">Layout</a>
+        </li>
+        <li><span class="parameter">new_origin_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Layout</span></span>
+        <a href="../modules/Layout.html#">Layout</a>
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "mode"></a>
+    <strong>mode</strong>
+    </dt>
+    <dd>
+    Current layout mode
+
+
+    <ul>
+        <li><span class="parameter">mode</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Layout node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Layout.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_size_changed"></a>
+    <strong>on_size_changed</strong>
+    </dt>
+    <dd>
+    On window resize callback(self, new_size)
+
+
+    <ul>
+        <li><span class="parameter">on_size_changed</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/PinKnob.html

@@ -0,0 +1,300 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><strong>PinKnob</strong></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>PinKnob</code></h1>
+<p>Druid pin knob custom component.</p>
+<p>
+ It's simple rotating input element</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, callback, template, nodes)</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_angle">set_angle(self, cur_value, min, max)</a></td>
+	<td class="summary">Set current and min/max angles for component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_friction">set_friction(self[, value=1])</a></td>
+	<td class="summary">Set current and min/max angles for component</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#druid">druid</a></td>
+	<td class="summary">The component druid instance</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_drag">is_drag</a></td>
+	<td class="summary">Is currently under user control</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">The pin node</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(self, callback, template, nodes)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">PinKnob</span></span>
+         <a href="../modules/PinKnob.html#">PinKnob</a>
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback(self, value) on value changed
+        </li>
+        <li><span class="parameter">template</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The template string name
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Nodes table from gui.clone_tree
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_angle"></a>
+    <strong>set_angle(self, cur_value, min, max)</strong>
+    </dt>
+    <dd>
+    Set current and min/max angles for component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">PinKnob</span></span>
+         <a href="../modules/PinKnob.html#">PinKnob</a>
+        </li>
+        <li><span class="parameter">cur_value</span>
+            <span class="types"><span class="type">number</span></span>
+         The new value for pin knob
+        </li>
+        <li><span class="parameter">min</span>
+            <span class="types"><span class="type">number</span></span>
+         The minimum value for pin knob
+        </li>
+        <li><span class="parameter">max</span>
+            <span class="types"><span class="type">number</span></span>
+         The maximum value for pin knob
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">PinKnob</span></span>
+        <a href="../modules/PinKnob.html#">PinKnob</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_friction"></a>
+    <strong>set_friction(self[, value=1])</strong>
+    </dt>
+    <dd>
+    Set current and min/max angles for component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">PinKnob</span></span>
+         <a href="../modules/PinKnob.html#">PinKnob</a>
+        </li>
+        <li><span class="parameter">value</span>
+            <span class="types"><span class="type">number</span></span>
+         The spin speed multiplier
+         (<em>default</em> 1)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">PinKnob</span></span>
+        <a href="../modules/PinKnob.html#">PinKnob</a>
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "druid"></a>
+    <strong>druid</strong>
+    </dt>
+    <dd>
+    The component druid instance
+
+
+    <ul>
+        <li><span class="parameter">druid</span>
+            <span class="types"><span class="type">DruidInstance</span></span>
+         <a href="../modules/DruidInstance.html#">DruidInstance</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_drag"></a>
+    <strong>is_drag</strong>
+    </dt>
+    <dd>
+    Is currently under user control
+
+
+    <ul>
+        <li><span class="parameter">is_drag</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    The pin node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/PinKnob.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Progress.html

@@ -0,0 +1,577 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><strong>Progress</strong></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Progress</code></h1>
+<p>Druid component to handle the progress bars.</p>
+<p>
+ <b># Overview #</b>
+<p> <b># Notes #</b>
+<p> • Progress Node should be fully filled in your GUI scene node. It will be the progress maximum size
+<p> • Progress correct working with Slice9 nodes, it trying to set size by _set_size_ first, if it is not possible, it set up sizing via _set_scale_
+<p> • Progress bar can fill only by vertical or horizontal size. If you want make diagonal progress bar, just rotate node in GUI scene
+<p> • If you have glitchy or dark texture bug with progress bar, try to disable mipmaps in your texture profiles
+<p>
+ <a href="https://insality.github.io/druid/druid/index.html?example=general_progress_bar" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#empty">empty(self)</a></td>
+	<td class="summary">Empty a progress bar</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#fill">fill(self)</a></td>
+	<td class="summary">Fill a progress bar and stop progress animation</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get">get(self)</a></td>
+	<td class="summary">Return current progress bar value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, key[, init_value=1])</a></td>
+	<td class="summary"><a href="../modules/Progress.html#">Progress</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_max_size">set_max_size(self, max_size)</a></td>
+	<td class="summary">Set progress bar max node size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_steps">set_steps(self, steps, callback)</a></td>
+	<td class="summary">Set points on progress bar to fire the callback</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_to">set_to(self, to)</a></td>
+	<td class="summary">Instant fill progress bar to value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#to">to(self, to[, callback])</a></td>
+	<td class="summary">Start animation of a progress bar</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#key">key</a></td>
+	<td class="summary">The progress bar direction.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#max_size">max_size</a></td>
+	<td class="summary">Maximum size of progress bar</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Progress bar fill node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change">on_change</a></td>
+	<td class="summary">On progress bar change callback(self, new_value)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scale">scale</a></td>
+	<td class="summary">Current progress bar scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#size">size</a></td>
+	<td class="summary">Current progress bar size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#slice">slice</a></td>
+	<td class="summary">Progress bar slice9 settings</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "empty"></a>
+    <strong>empty(self)</strong>
+    </dt>
+    <dd>
+    Empty a progress bar
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "fill"></a>
+    <strong>fill(self)</strong>
+    </dt>
+    <dd>
+    Fill a progress bar and stop progress animation
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get"></a>
+    <strong>get(self)</strong>
+    </dt>
+    <dd>
+    Return current progress bar value
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node, key[, init_value=1])</strong>
+    </dt>
+    <dd>
+    <a href="../modules/Progress.html#">Progress</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <a class="type" href="../modules/Progress.html#node">node</a></span>
+         Node name or GUI Node itself.
+        </li>
+        <li><span class="parameter">key</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Progress bar direction: const.SIDE.X or const.SIDE.Y
+        </li>
+        <li><span class="parameter">init_value</span>
+            <span class="types"><span class="type">number</span></span>
+         Initial value of progress bar
+         (<em>default</em> 1)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_max_size"></a>
+    <strong>set_max_size(self, max_size)</strong>
+    </dt>
+    <dd>
+    Set progress bar max node size
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+        <li><span class="parameter">max_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+         The new node maximum (full) size
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Progress</span></span>
+        <a href="../modules/Progress.html#">Progress</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_steps"></a>
+    <strong>set_steps(self, steps, callback)</strong>
+    </dt>
+    <dd>
+    Set points on progress bar to fire the callback
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+        <li><span class="parameter">steps</span>
+            <span class="types"><span class="type">number[]</span></span>
+         Array of progress bar values
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback on intersect step value
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">progress:set_steps({<span class="number">0</span>, <span class="number">0.3</span>, <span class="number">0.6</span>, <span class="number">1</span>}, <span class="keyword">function</span>(self, step) <span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "set_to"></a>
+    <strong>set_to(self, to)</strong>
+    </dt>
+    <dd>
+    Instant fill progress bar to value
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+        <li><span class="parameter">to</span>
+            <span class="types"><span class="type">number</span></span>
+         Progress bar value, from 0 to 1
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "to"></a>
+    <strong>to(self, to[, callback])</strong>
+    </dt>
+    <dd>
+    Start animation of a progress bar
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Progress</span></span>
+         <a href="../modules/Progress.html#">Progress</a>
+        </li>
+        <li><span class="parameter">to</span>
+            <span class="types"><span class="type">number</span></span>
+         value between 0..1
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback on animation ends
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">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>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "key"></a>
+    <strong>key</strong>
+    </dt>
+    <dd>
+    The progress bar direction.
+<p> The values are: "x" or "y". (const.SIDE.X or const.SIDE.Y)
+
+
+    <ul>
+        <li><span class="parameter">key</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "max_size"></a>
+    <strong>max_size</strong>
+    </dt>
+    <dd>
+    Maximum size of progress bar
+
+
+    <ul>
+        <li><span class="parameter">max_size</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Progress bar fill node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Progress.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change"></a>
+    <strong>on_change</strong>
+    </dt>
+    <dd>
+    On progress bar change callback(self, new_value)
+
+
+    <ul>
+        <li><span class="parameter">on_change</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "scale"></a>
+    <strong>scale</strong>
+    </dt>
+    <dd>
+    Current progress bar scale
+
+
+    <ul>
+        <li><span class="parameter">scale</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "size"></a>
+    <strong>size</strong>
+    </dt>
+    <dd>
+    Current progress bar size
+
+
+    <ul>
+        <li><span class="parameter">size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "slice"></a>
+    <strong>slice</strong>
+    </dt>
+    <dd>
+    Progress bar slice9 settings
+
+
+    <ul>
+        <li><span class="parameter">slice</span>
+            <span class="types"><span class="type">vector4</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/RadioGroup.html

@@ -0,0 +1,261 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><strong>RadioGroup</strong></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>RadioGroup</code></h1>
+<p>Radio group module</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_checkboxes" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#get_state">get_state(self)</a></td>
+	<td class="summary">Return radio group state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, nodes, callback[, click_nodes=node])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_state">set_state(self, index, is_instant)</a></td>
+	<td class="summary">Set radio group state</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#checkboxes">checkboxes</a></td>
+	<td class="summary">Array of checkbox components</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_radio_click">on_radio_click</a></td>
+	<td class="summary">On any checkbox click</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_state"></a>
+    <strong>get_state(self)</strong>
+    </dt>
+    <dd>
+    Return radio group state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RadioGroup</span></span>
+         <a href="../modules/RadioGroup.html#">RadioGroup</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        Index in radio group
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, nodes, callback[, click_nodes=node])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RadioGroup</span></span>
+         <a href="../modules/RadioGroup.html#">RadioGroup</a>
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+         Array of gui node
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Radio callback
+        </li>
+        <li><span class="parameter">click_nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+         Array of trigger nodes, by default equals to nodes
+         (<em>default</em> node)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_state"></a>
+    <strong>set_state(self, index, is_instant)</strong>
+    </dt>
+    <dd>
+    Set radio group state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RadioGroup</span></span>
+         <a href="../modules/RadioGroup.html#">RadioGroup</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         Index in radio group
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If is instant state change
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "checkboxes"></a>
+    <strong>checkboxes</strong>
+    </dt>
+    <dd>
+    Array of checkbox components
+
+
+    <ul>
+        <li><span class="parameter">checkboxes</span>
+            <span class="types"><span class="type">Checkbox[]</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_radio_click"></a>
+    <strong>on_radio_click</strong>
+    </dt>
+    <dd>
+    On any checkbox click
+
+
+    <ul>
+        <li><span class="parameter">on_radio_click</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/RichInput.html

@@ -0,0 +1,270 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><strong>RichInput</strong></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>RichInput</code></h1>
+<p>Druid Rich Input custom component.</p>
+<p>
+ It's wrapper on Input component with cursor and placeholder text</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, template, nodes)</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_placeholder">set_placeholder(self, placeholder_text)</a></td>
+	<td class="summary">Set placeholder text</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#cursor">cursor</a></td>
+	<td class="summary">On input field text change to empty string callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid">druid</a></td>
+	<td class="summary">The component druid instance</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#input">input</a></td>
+	<td class="summary">On input field text change callback(self, input_text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#placeholder">placeholder</a></td>
+	<td class="summary">On input field text change to max length string callback(self, input_text)</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(self, template, nodes)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RichInput</span></span>
+         <a href="../modules/RichInput.html#">RichInput</a>
+        </li>
+        <li><span class="parameter">template</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The template string name
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Nodes table from gui.clone_tree
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_placeholder"></a>
+    <strong>set_placeholder(self, placeholder_text)</strong>
+    </dt>
+    <dd>
+    Set placeholder text
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RichInput</span></span>
+         <a href="../modules/RichInput.html#">RichInput</a>
+        </li>
+        <li><span class="parameter">placeholder_text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The placeholder text
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "cursor"></a>
+    <strong>cursor</strong>
+    </dt>
+    <dd>
+    On input field text change to empty string callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">cursor</span>
+            <span class="types"><span class="type">node</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "druid"></a>
+    <strong>druid</strong>
+    </dt>
+    <dd>
+    The component druid instance
+
+
+    <ul>
+        <li><span class="parameter">druid</span>
+            <span class="types"><span class="type">DruidInstance</span></span>
+         <a href="../modules/DruidInstance.html#">DruidInstance</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "input"></a>
+    <strong>input</strong>
+    </dt>
+    <dd>
+    On input field text change callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">input</span>
+            <span class="types"><span class="type">Input</span></span>
+         <a href="../modules/Input.html#">Input</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "placeholder"></a>
+    <strong>placeholder</strong>
+    </dt>
+    <dd>
+    On input field text change to max length string callback(self, input_text)
+
+
+    <ul>
+        <li><span class="parameter">placeholder</span>
+            <span class="types"><span class="type">druid.text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/RichText.html

@@ -0,0 +1,430 @@
+<!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 Framework</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/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><strong>RichText</strong></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>RichText</code></h1>
+<p>Druid Rich Text Custom Component.</p>
+<p>
+ <b># Overview #</b>
+<p> This custom component is inspired by <a href="https://github.com/britzl/defold-richtext" target="_blank">defold-richtext</a> by britzl.
+ It uses a similar syntax for tags but currently supports fewer tags.
+<p> All parameters for the Rich Text component are adjusted in the GUI scene.
+<p> This component uses GUI component template. (/druid/custom/rich_text/rich_text.gui).
+<p> You able to customize it or make your own with the next node scructure:
+<p> root
+<p>   - text_prefab
+<p>   - icon_prefab
+<p> <b># Rich Text Setup #</b>
+<p> • Root node size: Set the maximum width and height of the text.
+<p> • Root anchor: Define the alignment of the Rich Text inside the root node size area.
+<p> • Text prefab: Configure all default text parameters for the text node.
+<p> • Text prefab anchor: Set the anchor for each text node (adjust this only if animating text).
+<p> • Icon prefab: Configure all default node parameters for the icon node.
+<p> • Icon prefab anchor: Set the anchor for each icon node (adjust this only if animating the icon).
+<p> <b># Notes #</b>
+<p> • Nested tags are supported
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=custom_rich_text" target="_blank"><b>Example Link</b></a></p>
+    <h3>Usage:</h3>
+    <ul>
+        <li><pre class="example">local RichText = require(&quot;druid.custom.rich_text.rich_text&quot;)
+...
+self.rich_text = self.druid:new(RichText, &quot;rich_text&quot;)
+self.rich_text:set_text(&quot;Hello, Druid Rich Text!&quot;)
+</pre></li>
+        <li><pre class="example">type druid.rich_text.word = {
+  node: Node,
+  relative_scale: number,
+  color: vector4,
+  position: vector3,
+  offset: vector3,
+  scale: vector3,
+  size: vector3,
+  metrics: druid.rich_text.metrics,
+  pivot: Pivot,
+  text: string,
+  shadow: vector4,
+  outline: vector4,
+  font: string,
+  image: druid.rich_text.image,
+  default_animation: string,
+  br: boolean,
+  nobr: boolean,
+}
+
+type druid.rich_text.word.image = {
+  texture: string,
+  anim: string,
+  width: number,
+  height: number,
+}
+
+type druid.rich_text.lines_metrics = {
+  text_width: number,
+  text_height: number,
+  lines: table&lt;number, druid.rich_text.metrics&gt;,
+}
+
+type druid.rich_text.metrics = {
+  width: number,
+  height: number,
+  offset_x: number|nil,
+  offset_y: number|nil,
+  node_size: vector3|nil @For images only,
+}
+</pre></li>
+    </ul>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#clear">clear()</a></td>
+	<td class="summary">Clear all created words.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_line_metric">get_line_metric()</a></td>
+	<td class="summary">Get current line metrics</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_words">get_words()</a></td>
+	<td class="summary">Get all current words.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, template, nodes)</a></td>
+	<td class="summary">Rich Text component constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_text">set_text(self, text)</a></td>
+	<td class="summary">Set text for Rich Text</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#tagged">tagged(tag)</a></td>
+	<td class="summary">Get all words, which has a passed tag.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<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 = "clear"></a>
+    <strong>clear()</strong>
+    </dt>
+    <dd>
+    Clear all created words.
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_line_metric"></a>
+    <strong>get_line_metric()</strong>
+    </dt>
+    <dd>
+    Get current line metrics
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.rich_text.lines_metrics</span></span>
+
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_words"></a>
+    <strong>get_words()</strong>
+    </dt>
+    <dd>
+    Get all current words.
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+        druid.rich_text.word[]
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, template, nodes)</strong>
+    </dt>
+    <dd>
+    Rich Text component constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RichText</span></span>
+         <a href="../modules/RichText.html#">RichText</a>
+        </li>
+        <li><span class="parameter">template</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The Rich Text template name
+        </li>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         The node table, if prefab was copied by gui.clone_tree()
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_text"></a>
+    <strong>set_text(self, text)</strong>
+    </dt>
+    <dd>
+    Set text for Rich Text
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">RichText</span></span>
+         <a href="../modules/RichText.html#">RichText</a>
+        </li>
+        <li><span class="parameter">text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The text to set
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+        <li>
+           <span class="types"><span class="type">druid.rich_text.word[]</span></span>
+        words</li>
+        <li>
+           <span class="types"><span class="type">druid.rich_text.lines_metrics</span></span>
+        line_metrics</li>
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">• color: Change text color
+
+&lt;color=red&gt;Foobar&lt;/color&gt;
+&lt;color=<span class="number">1.0</span>,<span class="number">0</span>,<span class="number">0</span>,<span class="number">1.0</span>&gt;Foobar&lt;/color&gt;
+&lt;color=#ff0000&gt;Foobar&lt;/color&gt;
+&lt;color=#ff0000ff&gt;Foobar&lt;/color&gt;
+
+• shadow: Change text shadow
+
+&lt;shadow=red&gt;Foobar&lt;/shadow&gt;
+&lt;shadow=<span class="number">1.0</span>,<span class="number">0</span>,<span class="number">0</span>,<span class="number">1.0</span>&gt;Foobar&lt;/shadow&gt;
+&lt;shadow=#ff0000&gt;Foobar&lt;/shadow&gt;
+&lt;shadow=#ff0000ff&gt;Foobar&lt;/shadow&gt;
+
+• outline: Change text shadow
+
+&lt;outline=red&gt;Foobar&lt;/outline&gt;
+&lt;outline=<span class="number">1.0</span>,<span class="number">0</span>,<span class="number">0</span>,<span class="number">1.0</span>&gt;Foobar&lt;/outline&gt;
+&lt;outline=#ff0000&gt;Foobar&lt;/outline&gt;
+&lt;outline=#ff0000ff&gt;Foobar&lt;/outline&gt;
+
+• font: Change font
+
+&lt;font=MyCoolFont&gt;Foobar&lt;/font&gt;
+
+• size: Change text size, relative to default size
+
+&lt;size=<span class="number">2</span>&gt;Twice as large&lt;/size&gt;
+
+• br: Insert a line <span class="keyword">break</span>
+
+&lt;br/&gt;
+
+• nobr: Prevent the text from breaking
+
+Words &lt;nobr&gt;inside tag&lt;/nobr&gt; won't <span class="keyword">break</span>
+
+• img: Display image
+
+&lt;img=texture:image/&gt;
+&lt;img=texture:image,size/&gt;
+&lt;img=texture:image,width,height/&gt;</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "tagged"></a>
+    <strong>tagged(tag)</strong>
+    </dt>
+    <dd>
+    Get all words, which has a passed tag.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">tag</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.rich_text.word[]</span></span>
+        words
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">COLORS</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         Rich Text color aliases
+         (<em>default</em> {})
+        </li>
+        <li><span class="parameter">ADJUST_STEPS</span>
+            <span class="types"><span class="type">number</span></span>
+         Amount steps of attemps text adjust by height
+         (<em>default</em> 20)
+        </li>
+        <li><span class="parameter">ADJUST_SCALE_DELTA</span>
+            <span class="types"><span class="type">number</span></span>
+         Scale step on each height adjust step
+         (<em>default</em> 0.02)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Slider.html

@@ -0,0 +1,477 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><strong>Slider</strong></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Slider</code></h1>
+<p>Druid slider component</p>
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_sliders" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, end_pos[, callback])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set">set(self, value[, is_silent])</a></td>
+	<td class="summary">Set value for slider</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_input_node">set_input_node(self, input_node)</a></td>
+	<td class="summary">Set input zone for slider.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_steps">set_steps(self, steps)</a></td>
+	<td class="summary">Set slider steps.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#dist">dist</a></td>
+	<td class="summary">Length between start and end position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#end_pos">end_pos</a></td>
+	<td class="summary">End pin node position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_drag">is_drag</a></td>
+	<td class="summary">Current drag state</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Slider pin node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change_value">on_change_value</a></td>
+	<td class="summary">On change value callback(self, value)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#pos">pos</a></td>
+	<td class="summary">Current pin node position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#start_pos">start_pos</a></td>
+	<td class="summary">Start pin node position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#target_pos">target_pos</a></td>
+	<td class="summary">Targer pin node position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#value">value</a></td>
+	<td class="summary">Current slider value</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(self, node, end_pos[, callback])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Slider</span></span>
+         <a href="../modules/Slider.html#">Slider</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Slider.html#node">node</a></span>
+         Gui pin node
+        </li>
+        <li><span class="parameter">end_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+         The end position of slider
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         On slider change callback
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set"></a>
+    <strong>set(self, value[, is_silent])</strong>
+    </dt>
+    <dd>
+    Set value for slider
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Slider</span></span>
+         <a href="../modules/Slider.html#">Slider</a>
+        </li>
+        <li><span class="parameter">value</span>
+            <span class="types"><span class="type">number</span></span>
+         Value from 0 to 1
+        </li>
+        <li><span class="parameter">is_silent</span>
+            <span class="types"><span class="type">bool</span></span>
+         Don't trigger event if true
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_input_node"></a>
+    <strong>set_input_node(self, input_node)</strong>
+    </dt>
+    <dd>
+    Set input zone for slider.
+ User can touch any place of node, pin instantly will
+ move at this position and node drag will start.
+ This function require the Defold version 1.3.0+
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Slider</span></span>
+         <a href="../modules/Slider.html#">Slider</a>
+        </li>
+        <li><span class="parameter">input_node</span>
+            <span class="types"><span class="type">Node</span></span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Slider</span></span>
+        <a href="../modules/Slider.html#">Slider</a>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_steps"></a>
+    <strong>set_steps(self, steps)</strong>
+    </dt>
+    <dd>
+    Set slider steps.  Pin node will
+ apply closest step position
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Slider</span></span>
+         <a href="../modules/Slider.html#">Slider</a>
+        </li>
+        <li><span class="parameter">steps</span>
+            <span class="types"><span class="type">number[]</span></span>
+         Array of steps
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Slider</span></span>
+        <a href="../modules/Slider.html#">Slider</a>
+    </ol>
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">slider:set_steps({<span class="number">0</span>, <span class="number">0.2</span>, <span class="number">0.6</span>, <span class="number">1</span>})</pre>
+    </ul>
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "dist"></a>
+    <strong>dist</strong>
+    </dt>
+    <dd>
+    Length between start and end position
+
+
+    <ul>
+        <li><span class="parameter">dist</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "end_pos"></a>
+    <strong>end_pos</strong>
+    </dt>
+    <dd>
+    End pin node position
+
+
+    <ul>
+        <li><span class="parameter">end_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_drag"></a>
+    <strong>is_drag</strong>
+    </dt>
+    <dd>
+    Current drag state
+
+
+    <ul>
+        <li><span class="parameter">is_drag</span>
+            <span class="types"><span class="type">bool</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Slider pin node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Slider.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change_value"></a>
+    <strong>on_change_value</strong>
+    </dt>
+    <dd>
+    On change value callback(self, value)
+
+
+    <ul>
+        <li><span class="parameter">on_change_value</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "pos"></a>
+    <strong>pos</strong>
+    </dt>
+    <dd>
+    Current pin node position
+
+
+    <ul>
+        <li><span class="parameter">pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "start_pos"></a>
+    <strong>start_pos</strong>
+    </dt>
+    <dd>
+    Start pin node position
+
+
+    <ul>
+        <li><span class="parameter">start_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "target_pos"></a>
+    <strong>target_pos</strong>
+    </dt>
+    <dd>
+    Targer pin node position
+
+
+    <ul>
+        <li><span class="parameter">target_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "value"></a>
+    <strong>value</strong>
+    </dt>
+    <dd>
+    Current slider value
+
+
+    <ul>
+        <li><span class="parameter">value</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/StaticGrid.html

@@ -0,0 +1,971 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><strong>StaticGrid</strong></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>StaticGrid</code></h1>
+<p>Component to handle component's position by row and columns.</p>
+<p>
+ <b># Overview #</b>
+<p> The Static Grid component allows for positioning components in rows and columns.
+ It provides a static grid layout with constant node sizes, allowing for pre-calculated
+ node positions and the option to include gaps between nodes.
+<p> <b># Notes #</b>
+<p> • In a static grid, the node size remains constant, enabling the calculation of node
+ positions before placement. If you want add gaps between nodes, increase the root prefab size,
+ including the padding and margin.
+<p> • The static grid can automatically shift elements when nodes are added or removed.
+<p> • When a node is added, the grid will set the node's parent to the specified parent_node.
+<p> • You can obtain an array of positions for each element, which can be used to set
+ points of interest in a scroll component.
+<p> • The size of all elements can be retrieved for setting up the size in a scroll component.
+<p> • The grid can be bound to a scroll component for automatic resizing of the scroll content size.
+<p> • The pivot of the parent_node affects the node placement within the grid.
+<p> • A prefab node is used to determine the node size and anchor.
+<p> • You can specify a position_function for animations using the
+ _static_grid:set_position_function(node, pos) callback. The default position function is gui.set_position().
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=general_grid" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#add">add(self, item[, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]]])</a></td>
+	<td class="summary">Add new item to the grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#clear">clear(self)</a></td>
+	<td class="summary">Clear grid nodes array.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_all_pos">get_all_pos(self)</a></td>
+	<td class="summary">Return array of all node positions</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_borders">get_borders(self)</a></td>
+	<td class="summary">Return grid content borders</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_index">get_index(self, pos)</a></td>
+	<td class="summary">Return index for grid pos</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_index_by_node">get_index_by_node(self, node)</a></td>
+	<td class="summary">Return grid index by node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_offset">get_offset(self)</a></td>
+	<td class="summary">Return StaticGrid offset, where StaticGrid content starts.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_pos">get_pos(self, index)</a></td>
+	<td class="summary">Return pos for grid node index</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_size">get_size(self)</a></td>
+	<td class="summary">Return grid content size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, parent, element[, in_row=1])</a></td>
+	<td class="summary">The <a href="../modules/StaticGrid.html#">StaticGrid</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#remove">remove(self, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]])</a></td>
+	<td class="summary">Remove the item from the grid.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_anchor">set_anchor(self, anchor)</a></td>
+	<td class="summary">Set grid anchor.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_in_row">set_in_row(self, in_row)</a></td>
+	<td class="summary">Set new in_row elements for grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_position_function">set_position_function(self, callback)</a></td>
+	<td class="summary">Change set position function for grid nodes.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#anchor">anchor</a></td>
+	<td class="summary">Item anchor [0..1]</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#border">border</a></td>
+	<td class="summary">The size of item content</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#first_index">first_index</a></td>
+	<td class="summary">The first index of node in grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#last_index">last_index</a></td>
+	<td class="summary">The last index of node in grid</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node_size">node_size</a></td>
+	<td class="summary">Item size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#nodes">nodes</a></td>
+	<td class="summary">List of all grid nodes</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_add_item">on_add_item</a></td>
+	<td class="summary">On item add callback(self, node, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_change_items">on_change_items</a></td>
+	<td class="summary">On item add, remove or change in_row callback(self, index|nil)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_clear">on_clear</a></td>
+	<td class="summary">On grid clear callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_remove_item">on_remove_item</a></td>
+	<td class="summary">On item remove callback(self, index)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_update_positions">on_update_positions</a></td>
+	<td class="summary">On update item positions callback(self)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#parent">parent</a></td>
+	<td class="summary">Parent gui node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#pivot">pivot</a></td>
+	<td class="summary">Item pivot [-0.5..0.5]</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "add"></a>
+    <strong>add(self, item[, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]]])</strong>
+    </dt>
+    <dd>
+    Add new item to the grid
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">item</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The item position. By default add as last item
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">number</span></span>
+         How shift nodes, if required. See const.SHIFT
+         (<em>default</em> SHIFT.RIGHT)
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true, update node positions instantly
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "clear"></a>
+    <strong>clear(self)</strong>
+    </dt>
+    <dd>
+    Clear grid nodes array.  GUI nodes will be not deleted!
+ If you want to delete GUI nodes, use static_grid.nodes array before grid:clear
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.static_grid</span></span>
+        Current grid instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_all_pos"></a>
+    <strong>get_all_pos(self)</strong>
+    </dt>
+    <dd>
+    Return array of all node positions
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3[]</span></span>
+        All grid node positions
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_borders"></a>
+    <strong>get_borders(self)</strong>
+    </dt>
+    <dd>
+    Return grid content borders
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The grid content borders
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_index"></a>
+    <strong>get_index(self, pos)</strong>
+    </dt>
+    <dd>
+    Return index for grid pos
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+         The node position in the grid
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The node index
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_index_by_node"></a>
+    <strong>get_index_by_node(self, node)</strong>
+    </dt>
+    <dd>
+    Return grid index by node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         The gui node in the grid
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The node index
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_offset"></a>
+    <strong>get_offset(self)</strong>
+    </dt>
+    <dd>
+    Return StaticGrid offset, where StaticGrid content starts.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a> The StaticGrid instance
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The StaticGrid offset
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_pos"></a>
+    <strong>get_pos(self, index)</strong>
+    </dt>
+    <dd>
+    Return pos for grid node index
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The grid element index
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        Node position
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_size"></a>
+    <strong>get_size(self)</strong>
+    </dt>
+    <dd>
+    Return grid content size
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        The grid content size
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, parent, element[, in_row=1])</strong>
+    </dt>
+    <dd>
+    The <a href="../modules/StaticGrid.html#">StaticGrid</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">parent</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <span class="type">Node</span></span>
+         The GUI Node container, where grid's items will be placed
+        </li>
+        <li><span class="parameter">element</span>
+            <span class="types"><span class="type">node</span></span>
+         Element prefab. Need to get it size
+        </li>
+        <li><span class="parameter">in_row</span>
+            <span class="types"><span class="type">number</span></span>
+         How many nodes in row can be placed
+         (<em>default</em> 1)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "remove"></a>
+    <strong>remove(self, index[, shift_policy=SHIFT.RIGHT[, is_instant=false]])</strong>
+    </dt>
+    <dd>
+    Remove the item from the grid.  Note that gui node will be not deleted
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         The grid node index to remove
+        </li>
+        <li><span class="parameter">shift_policy</span>
+            <span class="types"><span class="type">number</span></span>
+         How shift nodes, if required. See const.SHIFT
+         (<em>default</em> SHIFT.RIGHT)
+        </li>
+        <li><span class="parameter">is_instant</span>
+            <span class="types"><span class="type">boolean</span></span>
+         If true, update node positions instantly
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Node</span></span>
+        The deleted gui node from grid
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_anchor"></a>
+    <strong>set_anchor(self, anchor)</strong>
+    </dt>
+    <dd>
+    Set grid anchor.  Default anchor is equal to anchor of grid parent node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">anchor</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Anchor
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_in_row"></a>
+    <strong>set_in_row(self, in_row)</strong>
+    </dt>
+    <dd>
+    Set new in_row elements for grid
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">in_row</span>
+            <span class="types"><span class="type">number</span></span>
+         The new in_row value
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.static_grid</span></span>
+        Current grid instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_position_function"></a>
+    <strong>set_position_function(self, callback)</strong>
+    </dt>
+    <dd>
+    Change set position function for grid nodes.  It will call on
+ update poses on grid elements. Default: gui.set_position
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">StaticGrid</span></span>
+         <a href="../modules/StaticGrid.html#">StaticGrid</a>
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Function on node set position
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.static_grid</span></span>
+        Current grid instance
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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_DYNAMIC_NODE_POSES</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, always center grid content as grid pivot sets
+         (<em>default</em> false)
+        </li>
+        <li><span class="parameter">IS_ALIGN_LAST_ROW</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, always align last row of the grid as grid pivot sets
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "anchor"></a>
+    <strong>anchor</strong>
+    </dt>
+    <dd>
+    Item anchor [0..1]
+
+
+    <ul>
+        <li><span class="parameter">anchor</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "border"></a>
+    <strong>border</strong>
+    </dt>
+    <dd>
+    The size of item content
+
+
+    <ul>
+        <li><span class="parameter">border</span>
+            <span class="types"><span class="type">vector4</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "first_index"></a>
+    <strong>first_index</strong>
+    </dt>
+    <dd>
+    The first index of node in grid
+
+
+    <ul>
+        <li><span class="parameter">first_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "last_index"></a>
+    <strong>last_index</strong>
+    </dt>
+    <dd>
+    The last index of node in grid
+
+
+    <ul>
+        <li><span class="parameter">last_index</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node_size"></a>
+    <strong>node_size</strong>
+    </dt>
+    <dd>
+    Item size
+
+
+    <ul>
+        <li><span class="parameter">node_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "nodes"></a>
+    <strong>nodes</strong>
+    </dt>
+    <dd>
+    List of all grid nodes
+
+
+    <ul>
+        <li><span class="parameter">nodes</span>
+            <span class="types"><span class="type">node[]</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_add_item"></a>
+    <strong>on_add_item</strong>
+    </dt>
+    <dd>
+    On item add callback(self, node, index)
+
+
+    <ul>
+        <li><span class="parameter">on_add_item</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_change_items"></a>
+    <strong>on_change_items</strong>
+    </dt>
+    <dd>
+    On item add, remove or change in_row callback(self, index|nil)
+
+
+    <ul>
+        <li><span class="parameter">on_change_items</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_clear"></a>
+    <strong>on_clear</strong>
+    </dt>
+    <dd>
+    On grid clear callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_clear</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_remove_item"></a>
+    <strong>on_remove_item</strong>
+    </dt>
+    <dd>
+    On item remove callback(self, index)
+
+
+    <ul>
+        <li><span class="parameter">on_remove_item</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_update_positions"></a>
+    <strong>on_update_positions</strong>
+    </dt>
+    <dd>
+    On update item positions callback(self)
+
+
+    <ul>
+        <li><span class="parameter">on_update_positions</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "parent"></a>
+    <strong>parent</strong>
+    </dt>
+    <dd>
+    Parent gui node
+
+
+    <ul>
+        <li><span class="parameter">parent</span>
+            <span class="types"><span class="type">node</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "pivot"></a>
+    <strong>pivot</strong>
+    </dt>
+    <dd>
+    Item pivot [-0.5..0.5]
+
+
+    <ul>
+        <li><span class="parameter">pivot</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Swipe.html

@@ -0,0 +1,296 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><strong>Swipe</strong></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>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> <a href="https://insality.github.io/druid/druid/index.html?example=general_swipe" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, 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(self, 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="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#click_zone">click_zone</a></td>
+	<td class="summary">Restriction zone</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Swipe node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_swipe">on_swipe</a></td>
+	<td class="summary">Trigger on swipe event(self, swipe_side, dist, delta_time)</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(self, node, on_swipe_callback)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Swipe</span></span>
+         <a href="../modules/Swipe.html#">Swipe</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Swipe.html#node">node</a></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_swipe_end event
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(self, zone)</strong>
+    </dt>
+    <dd>
+    Strict swipe click area.  Useful for
+ restrict events outside stencil node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Swipe</span></span>
+         <a href="../modules/Swipe.html#">Swipe</a>
+        </li>
+        <li><span class="parameter">zone</span>
+            <span class="types"><a class="type" href="../modules/Swipe.html#node">node</a></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "click_zone"></a>
+    <strong>click_zone</strong>
+    </dt>
+    <dd>
+    Restriction zone
+
+
+    <ul>
+        <li><span class="parameter">click_zone</span>
+            <span class="types"><a class="type" href="../modules/Swipe.html#node">node</a></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Swipe node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Swipe.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_swipe"></a>
+    <strong>on_swipe</strong>
+    </dt>
+    <dd>
+    Trigger on swipe event(self, swipe_side, dist, delta_time)
+
+
+    <ul>
+        <li><span class="parameter">on_swipe</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+        ) <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Text.html

@@ -0,0 +1,851 @@
+<!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 Framework</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>
+<li><a href="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><strong>Text</strong></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Text</code></h1>
+<p>Component for Wrapping GUI Text Nodes: Druid Text
+<p> ## Overview ##
+<p> Druid Text is a component that provides various adjustment modes for text nodes.</p>
+<p> It allows text to be scaled down to fit within the size of the text node.
+<p> ## Notes ##
+<p> • The text pivot can be changed using the text:set_pivot method.
+ The anchoring will be inside the text node's area size.
+<p> • There are several text adjustment types available. The default is DOWNSCALE.
+ You can change the default adjustment type in the Text style. Refer to the example below to see all available adjustment types:
+<p> - const.TEXT_ADJUST.DOWNSCALE: Changes the text's scale to fit within the text node's size.
+<p> - const.TEXT_ADJUST.TRIM: Trims the text with a postfix (default: "...", can be overridden in styles)
+ to fit within the text node's size.
+<p> - const.TEXT_ADJUST.NO_ADJUST: No adjustment is applied, similar
+ to the default Defold Text Node behavior.
+<p> - const.TEXT_ADJUST.DOWNSCALE_LIMITED: Changes the text's scale
+ with a limited downscale. You can set the minimum scale using the text:set_minimal_scale() function.
+<p> - const.TEXT_ADJUST.SCROLL: Changes the text's pivot to imitate scrolling within the text box.
+ For better effect, use with a stencil node.
+<p> - const.TEXT_ADJUST.SCALE_THEN_SCROLL: Combines two modes: limited downscale first, then scroll.
+<p> <a href="https://insality.github.io/druid/druid/index.html?example=texts_general" target="_blank"><b>Example Link</b></a></p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#get_text_adjust">get_text_adjust(self, adjust_type)</a></td>
+	<td class="summary">Return current text adjust type</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_text_size">get_text_size(self[, 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="#init">init(self, node[, value[, adjust_type=downscale]])</a></td>
+	<td class="summary"><a href="../modules/Text.html#">Text</a> constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_multiline">is_multiline(self)</a></td>
+	<td class="summary">Return true, if text with line break</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_alpha">set_alpha(self, alpha)</a></td>
+	<td class="summary">Set alpha</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_color">set_color(self, color)</a></td>
+	<td class="summary">Set color</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_minimal_scale">set_minimal_scale(self, minimal_scale)</a></td>
+	<td class="summary">Set minimal scale for DOWNSCALE_LIMITED or SCALE_THEN_SCROLL adjust types</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_pivot">set_pivot(self, pivot)</a></td>
+	<td class="summary">Set text pivot.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_scale">set_scale(self, scale)</a></td>
+	<td class="summary">Set scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_text_adjust">set_text_adjust(self[, adjust_type[, minimal_scale]])</a></td>
+	<td class="summary">Set text adjust, refresh the current text visuals, if needed</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_to">set_to(self, set_to)</a></td>
+	<td class="summary">Set text to text field</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#style">style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#adjust_type">adjust_type</a></td>
+	<td class="summary">Current text size adjust settings</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#color">color</a></td>
+	<td class="summary">Current text color</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Text node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node_id">node_id</a></td>
+	<td class="summary">The node id of text node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_set_pivot">on_set_pivot</a></td>
+	<td class="summary">On change pivot callback(self, pivot)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_set_text">on_set_text</a></td>
+	<td class="summary">On set text callback(self, text)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_update_text_scale">on_update_text_scale</a></td>
+	<td class="summary">On adjust text size callback(self, new_scale, text_metrics)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#pos">pos</a></td>
+	<td class="summary">Current text position</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scale">scale</a></td>
+	<td class="summary">Current text node scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#start_scale">start_scale</a></td>
+	<td class="summary">Initial text node scale</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#start_size">start_size</a></td>
+	<td class="summary">Initial text node size</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#text_area">text_area</a></td>
+	<td class="summary">Current text node available are</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "get_text_adjust"></a>
+    <strong>get_text_adjust(self, adjust_type)</strong>
+    </dt>
+    <dd>
+    Return current text adjust type
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+
+        </li>
+        <li><span class="parameter">adjust_type</span>
+
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">number</span></span>
+        The current text adjust type
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_text_size"></a>
+    <strong>get_text_size(self[, text])</strong>
+    </dt>
+    <dd>
+    Calculate text width with font with respect to trailing space
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        Width</li>
+        <li>
+           <span class="types"><span class="type">number</span></span>
+        Height</li>
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "init"></a>
+    <strong>init(self, node[, value[, adjust_type=downscale]])</strong>
+    </dt>
+    <dd>
+    <a href="../modules/Text.html#">Text</a> constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a> or <a class="type" href="../modules/Text.html#node">node</a></span>
+         Node name or GUI Text Node itself
+        </li>
+        <li><span class="parameter">value</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Initial text. Default value is node text from GUI scene.
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">adjust_type</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Adjust type for text. By default is DOWNSCALE. Look const.TEXT_ADJUST for reference
+         (<em>default</em> downscale)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_multiline"></a>
+    <strong>is_multiline(self)</strong>
+    </dt>
+    <dd>
+    Return true, if text with line break
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        Is text node with line break
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_alpha"></a>
+    <strong>set_alpha(self, alpha)</strong>
+    </dt>
+    <dd>
+    Set alpha
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">alpha</span>
+            <span class="types"><span class="type">number</span></span>
+         Alpha for node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_color"></a>
+    <strong>set_color(self, color)</strong>
+    </dt>
+    <dd>
+    Set color
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">color</span>
+            <span class="types"><span class="type">vector4</span></span>
+         Color for node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_minimal_scale"></a>
+    <strong>set_minimal_scale(self, minimal_scale)</strong>
+    </dt>
+    <dd>
+    Set minimal scale for DOWNSCALE_LIMITED or SCALE_THEN_SCROLL adjust types
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">minimal_scale</span>
+            <span class="types"><span class="type">number</span></span>
+         If pass nil - not use minimal scale
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_pivot"></a>
+    <strong>set_pivot(self, pivot)</strong>
+    </dt>
+    <dd>
+    Set text pivot.  Text will re-anchor inside text area
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">pivot</span>
+            <span class="types"><span class="type">gui.pivot</span></span>
+         Gui pivot constant
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_scale"></a>
+    <strong>set_scale(self, scale)</strong>
+    </dt>
+    <dd>
+    Set scale
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">scale</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Scale for node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_text_adjust"></a>
+    <strong>set_text_adjust(self[, adjust_type[, minimal_scale]])</strong>
+    </dt>
+    <dd>
+    Set text adjust, refresh the current text visuals, if needed
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">adjust_type</span>
+            <span class="types"><span class="type">number</span></span>
+         See const.TEXT_ADJUST. If pass nil - use current adjust type
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">minimal_scale</span>
+            <span class="types"><span class="type">number</span></span>
+         If pass nil - not use minimal scale
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_to"></a>
+    <strong>set_to(self, set_to)</strong>
+    </dt>
+    <dd>
+    Set text to text field
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Text</span></span>
+         <a href="../modules/Text.html#">Text</a>
+        </li>
+        <li><span class="parameter">set_to</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Text for node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Text</span></span>
+        Current text instance
+    </ol>
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <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">TRIM_POSTFIX</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The postfix for TRIM adjust type
+         (<em>default</em> ...)
+        </li>
+        <li><span class="parameter">DEFAULT_ADJUST</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The default adjust type for any text component
+         (<em>default</em> DOWNSCALE)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "adjust_type"></a>
+    <strong>adjust_type</strong>
+    </dt>
+    <dd>
+    Current text size adjust settings
+
+
+    <ul>
+        <li><span class="parameter">adjust_type</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "color"></a>
+    <strong>color</strong>
+    </dt>
+    <dd>
+    Current text color
+
+
+    <ul>
+        <li><span class="parameter">color</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Text node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Text.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node_id"></a>
+    <strong>node_id</strong>
+    </dt>
+    <dd>
+    The node id of text node
+
+
+    <ul>
+        <li><span class="parameter">node_id</span>
+            <span class="types"><span class="type">hash</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_set_pivot"></a>
+    <strong>on_set_pivot</strong>
+    </dt>
+    <dd>
+    On change pivot callback(self, pivot)
+
+
+    <ul>
+        <li><span class="parameter">on_set_pivot</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_set_text"></a>
+    <strong>on_set_text</strong>
+    </dt>
+    <dd>
+    On set text callback(self, text)
+
+
+    <ul>
+        <li><span class="parameter">on_set_text</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_update_text_scale"></a>
+    <strong>on_update_text_scale</strong>
+    </dt>
+    <dd>
+    On adjust text size callback(self, new_scale, text_metrics)
+
+
+    <ul>
+        <li><span class="parameter">on_update_text_scale</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "pos"></a>
+    <strong>pos</strong>
+    </dt>
+    <dd>
+    Current text position
+
+
+    <ul>
+        <li><span class="parameter">pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "scale"></a>
+    <strong>scale</strong>
+    </dt>
+    <dd>
+    Current text node scale
+
+
+    <ul>
+        <li><span class="parameter">scale</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "start_scale"></a>
+    <strong>start_scale</strong>
+    </dt>
+    <dd>
+    Initial text node scale
+
+
+    <ul>
+        <li><span class="parameter">start_scale</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "start_size"></a>
+    <strong>start_size</strong>
+    </dt>
+    <dd>
+    Initial text node size
+
+
+    <ul>
+        <li><span class="parameter">start_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "text_area"></a>
+    <strong>text_area</strong>
+    </dt>
+    <dd>
+    Current text node available are
+
+
+    <ul>
+        <li><span class="parameter">text_area</span>
+            <span class="types"><span class="type">vector3</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/Timer.html

@@ -0,0 +1,415 @@
+<!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 Framework</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="#Fields">Fields</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Druid.html">Druid</a></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><strong>Timer</strong></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>Timer</code></h1>
+<p>Component to handle GUI timers.</p>
+<p>
+ Timer updating by game delta time. If game is not focused -
+ timer will be not updated.</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(self, node, seconds_from[, seconds_to=0[, callback]])</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_interval">set_interval(self, from, to)</a></td>
+	<td class="summary">Set time interval</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_state">set_state(self, is_on)</a></td>
+	<td class="summary">Called when update</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_to">set_to(self, set_to)</a></td>
+	<td class="summary">Set text to text field</td>
+	</tr>
+</table>
+<h2><a href="#Fields">Fields</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#from">from</a></td>
+	<td class="summary">Initial timer value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#node">node</a></td>
+	<td class="summary">Trigger node</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_set_enabled">on_set_enabled</a></td>
+	<td class="summary">On timer change enabled state callback(self, is_enabled)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_tick">on_tick</a></td>
+	<td class="summary">On timer tick.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_timer_end">on_timer_end</a></td>
+	<td class="summary">On timer end callback</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#target">target</a></td>
+	<td class="summary">Target timer value</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#value">value</a></td>
+	<td class="summary">Current timer value</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(self, node, seconds_from[, seconds_to=0[, callback]])</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Timer</span></span>
+         <a href="../modules/Timer.html#">Timer</a>
+        </li>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Timer.html#node">node</a></span>
+         Gui text node
+        </li>
+        <li><span class="parameter">seconds_from</span>
+            <span class="types"><span class="type">number</span></span>
+         Start timer value in seconds
+        </li>
+        <li><span class="parameter">seconds_to</span>
+            <span class="types"><span class="type">number</span></span>
+         End timer value in seconds
+         (<em>default</em> 0)
+        </li>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Function on timer end
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_interval"></a>
+    <strong>set_interval(self, from, to)</strong>
+    </dt>
+    <dd>
+    Set time interval
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Timer</span></span>
+         <a href="../modules/Timer.html#">Timer</a>
+        </li>
+        <li><span class="parameter">from</span>
+            <span class="types"><span class="type">number</span></span>
+         Start time in seconds
+        </li>
+        <li><span class="parameter">to</span>
+            <span class="types"><span class="type">number</span></span>
+         Target time in seconds
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_state"></a>
+    <strong>set_state(self, is_on)</strong>
+    </dt>
+    <dd>
+    Called when update
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Timer</span></span>
+         <a href="../modules/Timer.html#">Timer</a>
+        </li>
+        <li><span class="parameter">is_on</span>
+            <span class="types"><span class="type">bool</span></span>
+         Timer enable state
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_to"></a>
+    <strong>set_to(self, set_to)</strong>
+    </dt>
+    <dd>
+    Set text to text field
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">self</span>
+            <span class="types"><span class="type">Timer</span></span>
+         <a href="../modules/Timer.html#">Timer</a>
+        </li>
+        <li><span class="parameter">set_to</span>
+            <span class="types"><span class="type">number</span></span>
+         Value in seconds
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Fields"></a>Fields</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "from"></a>
+    <strong>from</strong>
+    </dt>
+    <dd>
+    Initial timer value
+
+
+    <ul>
+        <li><span class="parameter">from</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "node"></a>
+    <strong>node</strong>
+    </dt>
+    <dd>
+    Trigger node
+
+
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><a class="type" href="../modules/Timer.html#node">node</a></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_set_enabled"></a>
+    <strong>on_set_enabled</strong>
+    </dt>
+    <dd>
+    On timer change enabled state callback(self, is_enabled)
+
+
+    <ul>
+        <li><span class="parameter">on_set_enabled</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_tick"></a>
+    <strong>on_tick</strong>
+    </dt>
+    <dd>
+    On timer tick.  Fire every second callback(self, value)
+
+
+    <ul>
+        <li><span class="parameter">on_tick</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+         <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_timer_end"></a>
+    <strong>on_timer_end</strong>
+    </dt>
+    <dd>
+    On timer end callback
+
+
+    <ul>
+        <li><span class="parameter">on_timer_end</span>
+            <span class="types"><span class="type">DruidEvent</span></span>
+        (self, Timer) <a href="../modules/DruidEvent.html#">DruidEvent</a>
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "target"></a>
+    <strong>target</strong>
+    </dt>
+    <dd>
+    Target timer value
+
+
+    <ul>
+        <li><span class="parameter">target</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "value"></a>
+    <strong>value</strong>
+    </dt>
+    <dd>
+    Current timer value
+
+
+    <ul>
+        <li><span class="parameter">value</span>
+            <span class="types"><span class="type">number</span></span>
+
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>

docs/modules/component.html

@@ -1,517 +0,0 @@
-<!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>
-</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><strong>component</strong></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>component</code></h1>
-<p>Basic class for all Druid components.</p>
-<p> To create you component, use <a href="../modules/component.html#Component.create">component.create</a></p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#set_style">set_style(style)</a></td>
-	<td class="summary">Set current component style table.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_template">get_template()</a></td>
-	<td class="summary">Get current component template name</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_template">set_template(template)</a></td>
-	<td class="summary">Set current component template name</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_nodes">get_nodes()</a></td>
-	<td class="summary">Get current component nodes</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_nodes">set_nodes(nodes)</a></td>
-	<td class="summary">Set current component nodes</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_context">get_context()</a></td>
-	<td class="summary">Get current component context</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_context">set_context(context)</a></td>
-	<td class="summary">Set current component context</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_interests">get_interests()</a></td>
-	<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>
-	<tr>
-	<td class="name" nowrap><a href="#get_druid">get_druid()</a></td>
-	<td class="summary">Return druid with context of calling component.</td>
-	</tr>
-	<tr>
-	<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="summary">Create new component.</td>
-	</tr>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "set_style"></a>
-    <strong>set_style(style)</strong>
-    </dt>
-    <dd>
-    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>
-    <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 = "get_template"></a>
-    <strong>get_template()</strong>
-    </dt>
-    <dd>
-    Get current component template 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>
-        Component template name
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_template"></a>
-    <strong>set_template(template)</strong>
-    </dt>
-    <dd>
-    Set current component template name
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">template</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Component template name
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_nodes"></a>
-    <strong>get_nodes()</strong>
-    </dt>
-    <dd>
-    Get current component nodes
-
-
-
-    <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 nodes table
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_nodes"></a>
-    <strong>set_nodes(nodes)</strong>
-    </dt>
-    <dd>
-    Set current component nodes
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">nodes</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Component nodes table
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_context"></a>
-    <strong>get_context()</strong>
-    </dt>
-    <dd>
-    Get current component context
-
-
-
-    <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 context
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_context"></a>
-    <strong>set_context(context)</strong>
-    </dt>
-    <dd>
-    Set current component context
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">context</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Druid context. Usually it is self of script
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_interests"></a>
-    <strong>get_interests()</strong>
-    </dt>
-    <dd>
-    Get current component interests
-
-
-
-    <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>
-        List of component interests
-    </ol>
-
-
-
-
-</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>
-    <strong>get_node(node_or_name)</strong>
-    </dt>
-    <dd>
-    Get node for component by name.
- If component has nodes, node<em>or</em>name should be string
- It auto pick node by template name or from nodes by clone<em>tree
- if they was setup via component:set</em>nodes, component:set_template
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">node_or_name</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a> or <span class="type">node</span></span>
-         Node name or node itself
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">node</span></span>
-        Gui node
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_druid"></a>
-    <strong>get_druid()</strong>
-    </dt>
-    <dd>
-    Return druid with context of calling component.
- Use it to create component inside of other components.
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Druid</span></span>
-        Druid instance with component context
-    </ol>
-
-
-
-
-</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, table)</strong>
-    </dt>
-    <dd>
-    Setup component context and his style table
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">table</span>
-            <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>
-        <li><span class="parameter">table</span>
-            <span class="types"><span class="type">style</span></span>
-         Druid style module
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        Component itself
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Component.create"></a>
-    <strong>Component.create(name[, interest={}])</strong>
-    </dt>
-    <dd>
-    Create new component.  It will inheritance from basic
- druid component.
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">name</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Component name
-        </li>
-        <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>
-
-
-
-
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.back_handler.html

@@ -1,225 +0,0 @@
-<!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><strong>druid.back_handler</strong></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>
-<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.back_handler</code></h1>
-<p>Component to handle back key (android, backspace)</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(callback[, Callback])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#on_input">on_input(action_id, action)</a></td>
-	<td class="summary">Input handler for component</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(callback[, Callback])</strong>
-    </dt>
-    <dd>
-    Component init function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">callback</span></span>
-         On back button
-        </li>
-        <li><span class="parameter">Callback</span>
-            <span class="types"><span class="type">params</span></span>
-         argument
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "on_input"></a>
-    <strong>on_input(action_id, action)</strong>
-    </dt>
-    <dd>
-    Input handler for component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">action_id</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         on_input action id
-        </li>
-        <li><span class="parameter">action</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         on_input action
-        </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_back</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On back handler callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">params</span>
-            <span class="types"><span class="type">any</span></span>
-         Params to click callbacks
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.blocker.html

@@ -1,244 +0,0 @@
-<!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><strong>druid.blocker</strong></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>
-<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.blocker</code></h1>
-<p>Component to block input on specify zone by node</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node)</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_enabled">set_enabled(state)</a></td>
-	<td class="summary">Set enabled blocker component state</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#is_enabled">is_enabled()</a></td>
-	<td class="summary">Return blocked enabled state</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node)</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>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_enabled"></a>
-    <strong>set_enabled(state)</strong>
-    </dt>
-    <dd>
-    Set enabled blocker component state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         Enabled state
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "is_enabled"></a>
-    <strong>is_enabled()</strong>
-    </dt>
-    <dd>
-    Return blocked enabled state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool</span></span>
-        True, if blocker is enabled
-    </ol>
-
-
-
-
-</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_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On release button callback
-        </li>
-        <li><span class="parameter">on_enable_change</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On enable/disable callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Trigger 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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.button.html

@@ -1,455 +0,0 @@
-<!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><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>
-  <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.button</code></h1>
-<p>Component to handle basic GUI button</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, callback[, params[, anim_node]])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_enabled">set_enabled(state)</a></td>
-	<td class="summary">Set enabled button component state</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#is_enabled">is_enabled()</a></td>
-	<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="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="summary">Set key-code to trigger this button</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_key_trigger">get_key_trigger()</a></td>
-	<td class="summary">Get key-code to trigger this button</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 = "init"></a>
-    <strong>init(node, callback[, params[, anim_node]])</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">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Button callback
-        </li>
-        <li><span class="parameter">params</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Button callback params
-         (<em>optional</em>)
-        </li>
-        <li><span class="parameter">anim_node</span>
-            <span class="types"><span class="type">node</span></span>
-         Button anim node (node, if not provided)
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_enabled"></a>
-    <strong>set_enabled(state)</strong>
-    </dt>
-    <dd>
-    Set enabled button component state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         Enabled state
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">druid.button</span></span>
-        Current button instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "is_enabled"></a>
-    <strong>is_enabled()</strong>
-    </dt>
-    <dd>
-    Return button enabled state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool</span></span>
-        True, if button is enabled
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_click_zone"></a>
-    <strong>set_click_zone(zone)</strong>
-    </dt>
-    <dd>
-    Strict button click area.  Useful for
- no click 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>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">druid.button</span></span>
-        Current button instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_key_trigger"></a>
-    <strong>set_key_trigger(key)</strong>
-    </dt>
-    <dd>
-    Set key-code to trigger this button
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">key</span>
-            <span class="types"><span class="type">hash</span></span>
-         The action_id of the key
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">druid.button</span></span>
-        Current button instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_key_trigger"></a>
-    <strong>get_key_trigger()</strong>
-    </dt>
-    <dd>
-    Get key-code to trigger this button
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">hash</span></span>
-        The action_id of the key
-    </ol>
-
-
-
-
-</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_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         (self, params, button_instance) On release button callback
-        </li>
-        <li><span class="parameter">on_repeated_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         (self, params, button<em>instance, click</em>amount) On repeated action button callback
-        </li>
-        <li><span class="parameter">on_long_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         (self, params, button_instance, time) On long tap button callback
-        </li>
-        <li><span class="parameter">on_double_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         (self, params, button<em>instance, click</em>amount) On double tap button callback
-        </li>
-        <li><span class="parameter">on_hold_callback</span>
-            <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>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Trigger node
-        </li>
-        <li><span class="parameter">anim_node</span>
-            <span class="types"><span class="type">node</span></span>
-         Animation node
-         (<em>default</em> node)
-        </li>
-        <li><span class="parameter">start_scale</span>
-            <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
-        </li>
-        <li><span class="parameter">params</span>
-            <span class="types"><span class="type">any</span></span>
-         Params to click callbacks
-        </li>
-        <li><span class="parameter">hover</span>
-            <span class="types"><span class="type">druid.hover</span></span>
-         Druid hover logic component
-        </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 = "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">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)
-        </li>
-        <li><span class="parameter">on_click_disabled</span>
-            <span class="types"><span class="type">function</span></span>
-         (self, node)
-        </li>
-        <li><span class="parameter">on_hover</span>
-            <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>
-    </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.checkbox.html

@@ -1,289 +0,0 @@
-<!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><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>
-  <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.checkbox</code></h1>
-<p>Druid checkbox component</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, callback[, click=node])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_state">set_state(state, is_silent)</a></td>
-	<td class="summary">Set checkbox state</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_state">get_state()</a></td>
-	<td class="summary">Return checkbox state</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 = "init"></a>
-    <strong>init(node, callback[, click=node])</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">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Checkbox callback
-        </li>
-        <li><span class="parameter">click</span>
-            <span class="types"><span class="type">node</span></span>
-         node Trigger node, by default equals to node
-         (<em>default</em> node)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_state"></a>
-    <strong>set_state(state, is_silent)</strong>
-    </dt>
-    <dd>
-    Set checkbox state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         Checkbox state
-        </li>
-        <li><span class="parameter">is_silent</span>
-            <span class="types"><span class="type">bool</span></span>
-         Don't trigger on<em>change</em>state if true
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_state"></a>
-    <strong>get_state()</strong>
-    </dt>
-    <dd>
-    Return checkbox state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool</span></span>
-        Checkbox state
-    </ol>
-
-
-
-
-</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_change_state</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On change state callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Visual node
-        </li>
-        <li><span class="parameter">click_node</span>
-            <span class="types"><span class="type">node</span></span>
-         Button trigger node
-         (<em>default</em> node)
-        </li>
-        <li><span class="parameter">button</span>
-            <span class="types"><span class="type">druid.button</span></span>
-         Button component from click_node
-        </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">on_change_state</span>
-            <span class="types"><span class="type">function</span></span>
-         (self, node, state)
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.checkbox_group.html

@@ -1,249 +0,0 @@
-<!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><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>
-  <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.checkbox_group</code></h1>
-<p>Checkbox group module</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, callback[, click=node])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_state">set_state(indexes)</a></td>
-	<td class="summary">Set checkbox group state</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_state">get_state()</a></td>
-	<td class="summary">Return checkbox group state</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node, callback[, click=node])</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>
-         Array of gui node
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Checkbox callback
-        </li>
-        <li><span class="parameter">click</span>
-            <span class="types"><span class="type">node[]</span></span>
-         node Array of trigger nodes, by default equals to nodes
-         (<em>default</em> node)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_state"></a>
-    <strong>set_state(indexes)</strong>
-    </dt>
-    <dd>
-    Set checkbox group state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">indexes</span>
-            <span class="types"><span class="type">bool[]</span></span>
-         Array of checkbox state
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_state"></a>
-    <strong>get_state()</strong>
-    </dt>
-    <dd>
-    Return checkbox group state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool[]</span></span>
-        Array if checkboxes state
-    </ol>
-
-
-
-
-</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_checkbox_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On any checkbox click
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">checkboxes</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Array of checkbox components
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.drag.html

@@ -1,289 +0,0 @@
-<!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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.grid.html

@@ -1,381 +0,0 @@
-<!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><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>
-  <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.grid</code></h1>
-<p>Component to handle placing components by row and columns.</p>
-<p> Grid can anchor your elements, get content size and other</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(parent, element[, in_row=1])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_offset">set_offset(offset)</a></td>
-	<td class="summary">Set grid items offset, the distance between items</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_anchor">set_anchor(acnhor)</a></td>
-	<td class="summary">Set grid anchor</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#add">add(item[, index])</a></td>
-	<td class="summary">Add new item to the grid</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_size">get_size()</a></td>
-	<td class="summary">Return grid content size</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_all_pos">get_all_pos()</a></td>
-	<td class="summary">Return array of all node positions</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#clear">clear()</a></td>
-	<td class="summary">Clear grid nodes array.</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(parent, element[, in_row=1])</strong>
-    </dt>
-    <dd>
-    Component init function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">parent</span>
-            <span class="types"><span class="type">node</span></span>
-         The gui node parent, where items will be placed
-        </li>
-        <li><span class="parameter">element</span>
-            <span class="types"><span class="type">node</span></span>
-         Element prefab. Need to get it size
-        </li>
-        <li><span class="parameter">in_row</span>
-            <span class="types"><span class="type">number</span></span>
-         How many nodes in row can be placed
-         (<em>default</em> 1)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_offset"></a>
-    <strong>set_offset(offset)</strong>
-    </dt>
-    <dd>
-    Set grid items offset, the distance between items
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">offset</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Offset
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_anchor"></a>
-    <strong>set_anchor(acnhor)</strong>
-    </dt>
-    <dd>
-    Set grid anchor
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">acnhor</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Anchor
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "add"></a>
-    <strong>add(item[, index])</strong>
-    </dt>
-    <dd>
-    Add new item to the grid
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">item</span>
-            <span class="types"><span class="type">node</span></span>
-         Gui node
-        </li>
-        <li><span class="parameter">index</span>
-            <span class="types"><span class="type">number</span></span>
-         The item position. By default add as last item
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_size"></a>
-    <strong>get_size()</strong>
-    </dt>
-    <dd>
-    Return grid content size
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">vector3</span></span>
-        The grid content size
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_all_pos"></a>
-    <strong>get_all_pos()</strong>
-    </dt>
-    <dd>
-    Return array of all node positions
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">vector3[]</span></span>
-        All grid node positions
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "clear"></a>
-    <strong>clear()</strong>
-    </dt>
-    <dd>
-    Clear grid nodes array.  GUI nodes will be not deleted!
- If you want to delete GUI nodes, use grid.nodes array before grid:clear
-
-
-
-
-
-
-
-</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_add_item</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On item add callback
-        </li>
-        <li><span class="parameter">on_remove_item</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On item remove callback
-        </li>
-        <li><span class="parameter">on_clear</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On grid clear callback
-        </li>
-        <li><span class="parameter">on_update_positions</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On update item positions callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">parent</span>
-            <span class="types"><span class="type">node</span></span>
-         Parent gui node
-        </li>
-        <li><span class="parameter">nodes</span>
-            <span class="types"><span class="type">node[]</span></span>
-         List of all grid nodes
-        </li>
-        <li><span class="parameter">offset</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Item distance between each other items
-        </li>
-        <li><span class="parameter">anchor</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Item anchor
-        </li>
-        <li><span class="parameter">node_size</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Item size
-        </li>
-        <li><span class="parameter">border</span>
-            <span class="types"><span class="type">vector4</span></span>
-         The size of item content
-        </li>
-        <li><span class="parameter">border_offer</span>
-            <span class="types"><span class="type">vector3</span></span>
-         The border offset for correct anchor calculations
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.helper.html

@@ -38,38 +38,30 @@
 
 <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/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</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/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
   <li><strong>druid.helper</strong></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>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
 </ul>
 
 </div>
@@ -78,9 +70,7 @@
 
 <h1>Module <code>druid.helper</code></h1>
 <p>Text node or icon node can be nil</p>
-<p>
-
-</p>
+<p></p>
 
 
 <h2><a href="#Functions">Functions</a></h2>
@@ -94,10 +84,18 @@
 	<td class="summary">Center two nodes.</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#centrate_nodes">centrate_nodes([margin=0[, ...]])</a></td>
+	<td class="summary">Center several nodes nodes.</td>
+	</tr>
+	<tr>
 	<td class="name" nowrap><a href="#is_enabled">is_enabled(node)</a></td>
 	<td class="summary">Check if node is enabled in gui hierarchy.</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#get_closest_stencil_node">get_closest_stencil_node(node)</a></td>
+	<td class="summary">Return closest non inverted clipping parent node for node</td>
+	</tr>
+	<tr>
 	<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>
@@ -110,8 +108,12 @@
 	<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>
+	<td class="name" nowrap><a href="#get_border">get_border(node, offset)</a></td>
+	<td class="summary">Distance from node position to his borders</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#deprecated">deprecated(message)</a></td>
+	<td class="summary">Show deprecated message.</td>
 	</tr>
 </table>
 
@@ -188,6 +190,34 @@
 
 
 
+</dd>
+    <dt>
+    <a name = "centrate_nodes"></a>
+    <strong>centrate_nodes([margin=0[, ...]])</strong>
+    </dt>
+    <dd>
+    Center several nodes nodes.
+ Nodes will be center around 0 x position
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">margin</span>
+            <span class="types"><span class="type">number</span></span>
+         Offset between nodes
+         (<em>default</em> 0)
+        </li>
+        <li><span class="parameter">...</span>
+            <span class="types"><span class="type">Node</span></span>
+         Any count of gui Node
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
 </dd>
     <dt>
     <a name = "is_enabled"></a>
@@ -216,6 +246,33 @@
 
 
 
+</dd>
+    <dt>
+    <a name = "get_closest_stencil_node"></a>
+    <strong>get_closest_stencil_node(node)</strong>
+    </dt>
+    <dd>
+    Return closest non inverted clipping parent node for node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">node</span> or <span class="type">nil</span></span>
+        The clipping node
+    </ol>
+
+
+
+
 </dd>
     <dt>
     <a name = "get_pivot_offset"></a>
@@ -274,22 +331,54 @@
 </dd>
     <dt>
     <a name = "get_border"></a>
-    <strong>get_border()</strong>
+    <strong>get_border(node, offset)</strong>
     </dt>
     <dd>
-    Distance from node to size border
+    Distance from node position to his borders
 
 
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         The gui node to check
+        </li>
+        <li><span class="parameter">offset</span>
+            <span class="types"><span class="type">vector3</span></span>
+         The offset to add to result
+        </li>
+    </ul>
 
     <h3>Returns:</h3>
     <ol>
 
-        vector4 (left, top, right, down)
+        vector4 Vector with distance to node border: (left, top, right, down)
     </ol>
 
 
 
 
+</dd>
+    <dt>
+    <a name = "deprecated"></a>
+    <strong>deprecated(message)</strong>
+    </dt>
+    <dd>
+    Show deprecated message.  Once time per message
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">message</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         The deprecated message
+        </li>
+    </ul>
+
+
+
+
+
 </dd>
 </dl>
 
@@ -298,7 +387,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-06-14 20:13:02 </i>
+<i style="float:right;">Last updated 2022-02-12 17:16:44 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>

docs/modules/druid.hover.html

@@ -1,301 +0,0 @@
-<!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><strong>druid.hover</strong></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.hover</code></h1>
-<p>Component to handle hover node interaction</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, on_hover_callback)</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_hover">set_hover(state)</a></td>
-	<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 hover click area.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_enabled">set_enabled(state)</a></td>
-	<td class="summary">Set enable state of hover component.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#is_enabled">is_enabled()</a></td>
-	<td class="summary">Return current hover enabled state</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>
-</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_hover_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_hover_callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Hover callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_hover"></a>
-    <strong>set_hover(state)</strong>
-    </dt>
-    <dd>
-    Set hover state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         The hover state
-        </li>
-    </ul>
-
-
-
-
-
-</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 hover click area.  Useful for
- no click 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>
-    <dt>
-    <a name = "set_enabled"></a>
-    <strong>set_enabled(state)</strong>
-    </dt>
-    <dd>
-    Set enable state of hover component.
- If hover is not enabled, it will not generate
- any hover events
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         The hover enabled state
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "is_enabled"></a>
-    <strong>is_enabled()</strong>
-    </dt>
-    <dd>
-    Return current hover enabled state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool</span></span>
-        The hover enabled state
-    </ol>
-
-
-
-
-</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_hover</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         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>
-
-
-
-
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.html

@@ -3,7 +3,7 @@
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 <head>
-    <title>Defold Druid UI Library</title>
+    <title>Defold Druid UI Framework</title>
     <link rel="stylesheet" href="../ldoc_fixed.css" type="text/css" />
 </head>
 <body>
@@ -38,102 +38,114 @@
 
 <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><strong>druid</strong></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>
+  <li><a href="../modules/BackHandler.html">BackHandler</a></li>
+  <li><a href="../modules/BaseComponent.html">BaseComponent</a></li>
+  <li><a href="../modules/Blocker.html">Blocker</a></li>
+  <li><a href="../modules/Button.html">Button</a></li>
+  <li><a href="../modules/Checkbox.html">Checkbox</a></li>
+  <li><a href="../modules/CheckboxGroup.html">CheckboxGroup</a></li>
+  <li><a href="../modules/DataList.html">DataList</a></li>
+  <li><a href="../modules/Drag.html">Drag</a></li>
+  <li><strong>Druid</strong></li>
+  <li><a href="../modules/DruidEvent.html">DruidEvent</a></li>
+  <li><a href="../modules/DruidInstance.html">DruidInstance</a></li>
+  <li><a href="../modules/DynamicGrid.html">DynamicGrid</a></li>
+  <li><a href="../modules/Helper.html">Helper</a></li>
+  <li><a href="../modules/Hotkey.html">Hotkey</a></li>
+  <li><a href="../modules/Hover.html">Hover</a></li>
+  <li><a href="../modules/Input.html">Input</a></li>
+  <li><a href="../modules/LangText.html">LangText</a></li>
+  <li><a href="../modules/Layout.html">Layout</a></li>
+  <li><a href="../modules/PinKnob.html">PinKnob</a></li>
+  <li><a href="../modules/Progress.html">Progress</a></li>
+  <li><a href="../modules/RadioGroup.html">RadioGroup</a></li>
+  <li><a href="../modules/RichInput.html">RichInput</a></li>
+  <li><a href="../modules/RichText.html">RichText</a></li>
+  <li><a href="../modules/Scroll.html">Scroll</a></li>
+  <li><a href="../modules/Slider.html">Slider</a></li>
+  <li><a href="../modules/StaticGrid.html">StaticGrid</a></li>
+  <li><a href="../modules/Swipe.html">Swipe</a></li>
+  <li><a href="../modules/Text.html">Text</a></li>
+  <li><a href="../modules/Timer.html">Timer</a></li>
 </ul>
 
 </div>
 
 <div id="content">
 
-<h1>Module <code>druid</code></h1>
-<p>Druid UI Library.</p>
+<h1>Module <code>Druid</code></h1>
+<p>Druid UI Component Framework.</p>
 <p>
-
-<p> Powerful Defold component based UI library. Use standart
- components or make your own game-specific components to
- make amazing GUI in your games.</p>
-
-<p> Contains the several basic components and examples
- to how to do your custom complex components to
- separate UI game logic to small files</p>
-
-
-<pre>
-<span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">function</span> init(self)
-    self.druid = druid.new(self)
-<span class="keyword">end</span>
-</pre>
-
+ <b># Overview #</b>
+<p> Druid - powerful Defold component UI library. Use basic and extended
+ Druid components or make your own game-specific components to make
+ amazing GUI in your games.
+<p> To start using Druid, please refer to the Usage section below.
+<p> <b># Notes #</b>
+<p> • Each Druid instance maintains the self context from the constructor and passes it to each Druid callback.
+<p> See next: <a href="../modules/DruidInstance.html#">DruidInstance</a>
 </p>
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">local druid = require(&quot;druid.druid&quot;)
+
+local function on_play(self)
+    print(&quot;Gonna play!&quot;)
+end
+
+function init(self)
+    self.druid = druid.new(self)
+    self.druid:new_button(&quot;button_play&quot;, on_play)
+end
+
+function final(self)
+    self.druid:final()
+end
+
+function update(self, dt)
+    self.druid:update(dt)
+end
+
+function on_message(self, message_id, message, sender)
+    self.druid:on_message(message_id, message, sender)
+end
+
+function on_input(self, action_id, action)
+    return self.druid:on_input(action_id, action)
+end
+</pre>
+    </ul>
 
 
 <h2><a href="#Functions">Functions</a></h2>
 <table class="function_list">
 	<tr>
-	<td class="name" nowrap><a href="#register">register(name, module)</a></td>
-	<td class="summary">Register external druid component.</td>
+	<td class="name" nowrap><a href="#druid.new">druid.new(context[, style])</a></td>
+	<td class="summary">Create a new Druid instance for creating GUI components.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#new">new(context[, style])</a></td>
-	<td class="summary">Create Druid instance.</td>
+	<td class="name" nowrap><a href="#druid.on_language_change">druid.on_language_change()</a></td>
+	<td class="summary">Call this function when the game language changes.</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>
+	<td class="name" nowrap><a href="#druid.on_window_callback">druid.on_window_callback(event)</a></td>
+	<td class="summary">Set the window callback to enable on_focus_gain and on_focus_lost functions.</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>
+	<td class="name" nowrap><a href="#druid.register">druid.register(name, module)</a></td>
+	<td class="summary">Register a new external Druid component.</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>
+	<td class="name" nowrap><a href="#druid.set_default_style">druid.set_default_style(style)</a></td>
+	<td class="summary">Set your own default style for all Druid instances.</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>
+	<td class="name" nowrap><a href="#druid.set_sound_function">druid.set_sound_function(callback)</a></td>
+	<td class="summary">Set the Druid sound function to play UI sounds if used.</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>
+	<td class="name" nowrap><a href="#druid.set_text_function">druid.set_text_function(callback)</a></td>
+	<td class="summary">Set the text function for the LangText component.</td>
 	</tr>
 </table>
 
@@ -145,49 +157,22 @@
 
     <dl class="function">
     <dt>
-    <a name = "register"></a>
-    <strong>register(name, module)</strong>
+    <a name = "druid.new"></a>
+    <strong>druid.new(context[, style])</strong>
     </dt>
     <dd>
-    Register external druid component.
- After register you can create the component with
- druid<em>instance:new</em>{name}. For example <code>druid:new_button(...)</code>
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">name</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         module name
-        </li>
-        <li><span class="parameter">module</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         lua table with component
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "new"></a>
-    <strong>new(context[, style])</strong>
-    </dt>
-    <dd>
-    Create Druid instance.
+    Create a new Druid instance for creating GUI components.
 
 
     <h3>Parameters:</h3>
     <ul>
         <li><span class="parameter">context</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Druid context. Usually it is self of script
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         The Druid context. Usually, this is the self of the gui_script. It is passed into all Druid callbacks.
         </li>
         <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
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         The Druid style table to override style parameters for this Druid instance.
          (<em>optional</em>)
         </li>
     </ul>
@@ -196,25 +181,118 @@
     <ol>
 
            <span class="types"><span class="type">druid_instance</span></span>
-        Druid instance
+        The Druid instance <a href="../modules/DruidInstance.html#">DruidInstance</a>.
     </ol>
 
 
 
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
+
+<span class="keyword">function</span> init(self)
+   self.druid = druid.new(self)
+<span class="keyword">end</span></pre>
+    </ul>
 
 </dd>
     <dt>
-    <a name = "set_default_style"></a>
-    <strong>set_default_style(style)</strong>
+    <a name = "druid.on_language_change"></a>
+    <strong>druid.on_language_change()</strong>
     </dt>
     <dd>
-    Set new default style.
+    Call this function when the game language changes.
+<p> This function will translate all current LangText components.
+
+
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">druid.on_language_change()</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "druid.on_window_callback"></a>
+    <strong>druid.on_window_callback(event)</strong>
+    </dt>
+    <dd>
+    Set the window callback to enable on_focus_gain and on_focus_lost functions.
+<p> This is used to trigger the on_focus_lost and on_focus_gain functions in Druid components.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">event</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         Event param from window listener
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">window.set_listener(<span class="keyword">function</span>(_, event)
+   druid.on_window_callback(event)
+<span class="keyword">end</span>)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "druid.register"></a>
+    <strong>druid.register(name, module)</strong>
+    </dt>
+    <dd>
+    Register a new external Druid component.
+<p> You can register your own components to make new alias: the druid:new_{name} function.
+ For example, if you want to register a component called "my_component", you can create it using druid:new_my_component(...).
+ This can be useful if you have your own "basic" components that you don't want to re-create each time.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">name</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.4">string</a></span>
+         module name
+        </li>
+        <li><span class="parameter">module</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
+         lua table with component
+        </li>
+    </ul>
+
+
+
+
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example"><span class="keyword">local</span> my_component = <span class="global">require</span>(<span class="string">"path.to.my.component"</span>)
+druid.register(<span class="string">"my_component"</span>, my_component)
+...
+<span class="keyword">local</span> druid = druid.new(self)
+<span class="keyword">local</span> component_instance = self.druid:new_my_component(...)</pre>
+    </ul>
+
+</dd>
+    <dt>
+    <a name = "druid.set_default_style"></a>
+    <strong>druid.set_default_style(style)</strong>
+    </dt>
+    <dd>
+    Set your own default style for all Druid instances.
+<p> To create your own style file, copy the default style file and make changes to it.
+ Register the new style before creating your Druid instances.
 
 
     <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>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.1/manual.html#5.5">table</a></span>
          Druid style module
         </li>
     </ul>
@@ -222,40 +300,21 @@
 
 
 
-
-</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>
+    <h3>Usage:</h3>
     <ul>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Get localized text function
-        </li>
+        <pre class="example"><span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"path.to.my.style"</span>)
+druid.set_default_style(my_style)</pre>
     </ul>
 
-
-
-
-
 </dd>
     <dt>
-    <a name = "set_sound_function"></a>
-    <strong>set_sound_function(callback)</strong>
+    <a name = "druid.set_sound_function"></a>
+    <strong>druid.set_sound_function(callback)</strong>
     </dt>
     <dd>
-    Set sound function.
- Component will call this function to
- play sound by sound_id
+    Set the Druid sound function to play UI sounds if used.
+<p> Set a function to play a sound given a sound_id. This function is used for button clicks to play the "click" sound.
+ It can also be used to play sounds in your custom components (see the default Druid style file for an example).
 
 
     <h3>Parameters:</h3>
@@ -269,57 +328,41 @@
 
 
 
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">druid.set_sound_function(<span class="keyword">function</span>(sound_id)
+    sound.play(sound_id) <span class="comment">-- Replace with your real function
+</span><span class="keyword">end</span>)</pre>
+    </ul>
 
 </dd>
     <dt>
-    <a name = "on_window_callback"></a>
-    <strong>on_window_callback(event)</strong>
+    <a name = "druid.set_text_function"></a>
+    <strong>druid.set_text_function(callback)</strong>
     </dt>
     <dd>
-    Callback on global window event.
- Used to trigger on<em>focus</em>lost and on<em>focus</em>gain
+    Set the text function for the LangText component.
+<p> The Druid locale component will call this function to get translated text.
+ After setting the text function, all existing locale components will be updated.
 
 
     <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><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Get localized text function
         </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
-
-
-
-
-
-
+    <h3>Usage:</h3>
+    <ul>
+        <pre class="example">druid.set_text_function(<span class="keyword">function</span>(text_id)
+   <span class="keyword">return</span> lang_data[text_id] <span class="comment">-- Replace with your real function
+</span><span class="keyword">end</span>)</pre>
+    </ul>
 
 </dd>
 </dl>
@@ -328,8 +371,8 @@
 </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-06-14 20:13:02 </i>
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc TESTING</a></i>
+<i style="float:right;">Last updated 2015-01-01 12:00:00 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>

docs/modules/druid.input.html

@@ -1,395 +0,0 @@
-<!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><strong>druid.input</strong></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.input</code></h1>
-<p>Druid input text component.</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>
-        Current input instance
-    </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>
-        Current input instance
-    </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.lang_text.html

@@ -1,250 +0,0 @@
-<!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><strong>druid.lang_text</strong></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.lang_text</code></h1>
-<p>Component to handle all GUI texts
- Good working with localization system</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, locale_id, no_adjust)</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_to">set_to(text)</a></td>
-	<td class="summary">Setup raw text to lang_text component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#translate">translate(locale_id)</a></td>
-	<td class="summary">Translate the text by locale_id</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node, locale_id, no_adjust)</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>
-         The text node
-        </li>
-        <li><span class="parameter">locale_id</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Default locale id
-        </li>
-        <li><span class="parameter">no_adjust</span>
-            <span class="types"><span class="type">bool</span></span>
-         If true, will not correct text size
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_to"></a>
-    <strong>set_to(text)</strong>
-    </dt>
-    <dd>
-    Setup raw text to lang_text component
-
-
-    <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>
-         Text for text node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "translate"></a>
-    <strong>translate(locale_id)</strong>
-    </dt>
-    <dd>
-    Translate the text by locale_id
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">locale_id</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Locale id
-        </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_change</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On change text 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>
-         The text component
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.progress.html

@@ -1,393 +0,0 @@
-<!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><strong>druid.progress</strong></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.progress</code></h1>
-<p>Basic progress bar component.</p>
-<p> For correct progress bar init it should be in max size from gui</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, key[, init_value=1])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#fill">fill()</a></td>
-	<td class="summary">Fill a progress bar and stop progress animation</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#empty">empty()</a></td>
-	<td class="summary">Empty a progress bar</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_to">set_to(to)</a></td>
-	<td class="summary">Instant fill progress bar to value</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get">get()</a></td>
-	<td class="summary">Return current progress bar value</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_steps">set_steps(steps, callback)</a></td>
-	<td class="summary">Set points on progress bar to fire the callback</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#to">to(to[, callback])</a></td>
-	<td class="summary">Start animation of a progress bar</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 = "init"></a>
-    <strong>init(node, key[, init_value=1])</strong>
-    </dt>
-    <dd>
-    Component init function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a> or <span class="type">node</span></span>
-         Progress bar fill node or node name
-        </li>
-        <li><span class="parameter">key</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Progress bar direction: const.SIDE.X or const.SIDE.Y
-        </li>
-        <li><span class="parameter">init_value</span>
-            <span class="types"><span class="type">number</span></span>
-         Initial value of progress bar
-         (<em>default</em> 1)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "fill"></a>
-    <strong>fill()</strong>
-    </dt>
-    <dd>
-    Fill a progress bar and stop progress animation
-
-
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "empty"></a>
-    <strong>empty()</strong>
-    </dt>
-    <dd>
-    Empty a progress bar
-
-
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_to"></a>
-    <strong>set_to(to)</strong>
-    </dt>
-    <dd>
-    Instant fill progress bar to value
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">to</span>
-            <span class="types"><span class="type">number</span></span>
-         Progress bar value, from 0 to 1
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get"></a>
-    <strong>get()</strong>
-    </dt>
-    <dd>
-    Return current progress bar value
-
-
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_steps"></a>
-    <strong>set_steps(steps, callback)</strong>
-    </dt>
-    <dd>
-    Set points on progress bar to fire the callback
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">steps</span>
-            <span class="types"><span class="type">number[]</span></span>
-         Array of progress bar values
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Callback on intersect step value
-        </li>
-    </ul>
-
-
-
-
-    <h3>Usage:</h3>
-    <ul>
-        <pre class="example">progress:set_steps({<span class="number">0</span>, <span class="number">0.3</span>, <span class="number">0.6</span>, <span class="number">1</span>}, <span class="keyword">function</span>(self, step) <span class="keyword">end</span>)</pre>
-    </ul>
-
-</dd>
-    <dt>
-    <a name = "to"></a>
-    <strong>to(to[, callback])</strong>
-    </dt>
-    <dd>
-    Start animation of a progress bar
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">to</span>
-            <span class="types"><span class="type">number</span></span>
-         value between 0..1
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Callback on animation ends
-         (<em>optional</em>)
-        </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_change</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On progress bar change callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Progress bar fill node
-        </li>
-        <li><span class="parameter">key</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         The progress bar direction
-        </li>
-        <li><span class="parameter">scale</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current progress bar scale
-        </li>
-        <li><span class="parameter">size</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current progress bar size
-        </li>
-        <li><span class="parameter">max_size</span>
-            <span class="types"><span class="type">number</span></span>
-         Maximum size of progress bar
-        </li>
-        <li><span class="parameter">slice</span>
-            <span class="types"><span class="type">vector4</span></span>
-         Progress bar slice9 settings
-        </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">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>
-
-
-
-
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.radio_group.html

@@ -1,249 +0,0 @@
-<!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><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>
-  <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.radio_group</code></h1>
-<p>Radio group module</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, callback[, click=node])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_state">set_state(index)</a></td>
-	<td class="summary">Set radio group state</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#get_state">get_state()</a></td>
-	<td class="summary">Return radio group state</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node, callback[, click=node])</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>
-         Array of gui node
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Radio callback
-        </li>
-        <li><span class="parameter">click</span>
-            <span class="types"><span class="type">node[]</span></span>
-         node Array of trigger nodes, by default equals to nodes
-         (<em>default</em> node)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_state"></a>
-    <strong>set_state(index)</strong>
-    </dt>
-    <dd>
-    Set radio group state
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">index</span>
-            <span class="types"><span class="type">number</span></span>
-         Index in radio group
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_state"></a>
-    <strong>get_state()</strong>
-    </dt>
-    <dd>
-    Return radio group state
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">number</span></span>
-        Index in radio group
-    </ol>
-
-
-
-
-</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_radio_click</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On any checkbox click
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">checkboxes</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Array of checkbox components
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.scroll.html

@@ -1,617 +0,0 @@
-<!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><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>
-  <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.scroll</code></h1>
-<p>Component to handle scroll content.</p>
-<p> Scroll consist from two nodes: scroll parent and scroll input
- Scroll input the user input zone, it's static
- Scroll parent the scroll moving part, it will change position.
- Setup initial scroll size by changing scroll parent size. If scroll parent
- size will be less than scroll_input size, no scroll is available. For scroll
- parent size should be more than input size</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<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>
-	</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="#get_percent">get_percent()</a></td>
-	<td class="summary">Return current scroll progress status.</td>
-	</tr>
-	<tr>
-	<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="#is_inert">is_inert()</a></td>
-	<td class="summary">Return if scroll have inertion.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_extra_stretch_size">set_extra_stretch_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_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>
-<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 = "init"></a>
-    <strong>init(view_node, content_node)</strong>
-    </dt>
-    <dd>
-    Scroll constructor.
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">view_node</span>
-            <span class="types"><span class="type">node</span></span>
-         GUI view scroll node
-        </li>
-        <li><span class="parameter">content_node</span>
-            <span class="types"><span class="type">node</span></span>
-         GUI content scroll node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "scroll_to"></a>
-    <strong>scroll_to(vector3[, is_instant])</strong>
-    </dt>
-    <dd>
-    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
-        </li>
-        <li><span class="parameter">is_instant</span>
-            <span class="types"><span class="type">bool</span></span>
-         Instant scroll flag
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-    <h3>Usage:</h3>
-    <ul>
-        <li><pre class="example">scroll:scroll_to(vmath.vector3(<span class="number">0</span>, <span class="number">50</span>, <span class="number">0</span>))</pre></li>
-        <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>
-    <strong>scroll_to_percent(vector3[, is_instant])</strong>
-    </dt>
-    <dd>
-    Start scroll to target scroll percent
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">vector3</span>
-            <span class="types"><span class="type">point</span></span>
-         target percent
-        </li>
-        <li><span class="parameter">is_instant</span>
-            <span class="types"><span class="type">bool</span></span>
-         instant scroll flag
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-    <h3>Usage:</h3>
-    <ul>
-        <pre class="example">scroll:scroll_to_percent(vmath.vector3(<span class="number">0.5</span>, <span class="number">0</span>, <span class="number">0</span>))</pre>
-    </ul>
-
-</dd>
-    <dt>
-    <a name = "get_percent"></a>
-    <strong>get_percent()</strong>
-    </dt>
-    <dd>
-    Return current scroll progress status.
- Values will be in [0..1] interval
-
-
-
-    <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_size"></a>
-    <strong>set_size(size)</strong>
-    </dt>
-    <dd>
-    Set scroll content size.
- It will change content gui node size
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <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>
-        Current scroll instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_inert"></a>
-    <strong>set_inert(state)</strong>
-    </dt>
-    <dd>
-    Enable or disable scroll inert.
- If disabled, scroll through points (if exist)
- If no points, just simple drag without inertion
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">state</span>
-            <span class="types"><span class="type">bool</span></span>
-         Inert scroll state
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">druid.scroll</span></span>
-        Current scroll instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "is_inert"></a>
-    <strong>is_inert()</strong>
-    </dt>
-    <dd>
-    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_stretch_size"></a>
-    <strong>set_extra_stretch_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">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>
-        Current scroll instance
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_scroll_size"></a>
-    <strong>get_scroll_size()</strong>
-    </dt>
-    <dd>
-    Return vector of scroll size with width and height.
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">vector3</span></span>
-        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>
-        Current scroll instance
-    </ol>
-
-
-
-
-</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_scroll</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On scroll move callback
-        </li>
-        <li><span class="parameter">on_scroll_to</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On scroll_to function callback
-        </li>
-        <li><span class="parameter">on_point_scroll</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On scroll<em>to</em>index function callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">view_node</span>
-            <span class="types"><span class="type">node</span></span>
-         Scroll view node
-        </li>
-        <li><span class="parameter">content_node</span>
-            <span class="types"><span class="type">node</span></span>
-         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">inertion</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current inert speed
-        </li>
-        <li><span class="parameter">position</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current scroll posisition
-        </li>
-        <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>
-
-
-
-
-
-</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">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">POINTS_DEADZONE</span>
-            <span class="types"><span class="type">number</span></span>
-         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_STRETCH_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>
-
-
-
-
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.slider.html

@@ -1,288 +0,0 @@
-<!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><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>
-  <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.slider</code></h1>
-<p>Druid slider component</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, end_pos[, callback])</a></td>
-	<td class="summary">Component init function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set">set(value[, is_silent])</a></td>
-	<td class="summary">Set value for slider</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_steps">set_steps(steps)</a></td>
-	<td class="summary">Set slider steps.</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node, end_pos[, 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 pin node
-        </li>
-        <li><span class="parameter">end_pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         The end position of slider
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         On slider change callback
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set"></a>
-    <strong>set(value[, is_silent])</strong>
-    </dt>
-    <dd>
-    Set value for slider
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">value</span>
-            <span class="types"><span class="type">number</span></span>
-         Value from 0 to 1
-        </li>
-        <li><span class="parameter">is_silent</span>
-            <span class="types"><span class="type">bool</span></span>
-         Don't trigger event if true
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_steps"></a>
-    <strong>set_steps(steps)</strong>
-    </dt>
-    <dd>
-    Set slider steps.  Pin node will
- apply closest step position
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">steps</span>
-            <span class="types"><span class="type">number[]</span></span>
-         Array of steps
-        </li>
-    </ul>
-
-
-
-
-    <h3>Usage:</h3>
-    <ul>
-        <pre class="example">slider:set_steps({<span class="number">0</span>, <span class="number">0.2</span>, <span class="number">0.6</span>, <span class="number">1</span>})</pre>
-    </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_change_value</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On change value callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Slider pin node
-        </li>
-        <li><span class="parameter">start_pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Start pin node position
-        </li>
-        <li><span class="parameter">pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current pin node position
-        </li>
-        <li><span class="parameter">target_pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Targer pin node position
-        </li>
-        <li><span class="parameter">end_pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         End pin node position
-        </li>
-        <li><span class="parameter">dist</span>
-            <span class="types"><span class="type">number</span></span>
-         Length between start and end position
-        </li>
-        <li><span class="parameter">is_drag</span>
-            <span class="types"><span class="type">bool</span></span>
-         Current drag state
-        </li>
-        <li><span class="parameter">value</span>
-            <span class="types"><span class="type">number</span></span>
-         Current slider value
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.swipe.html

@@ -1,263 +0,0 @@
-<!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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.text.html

@@ -1,414 +0,0 @@
-<!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><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>
-  <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.text</code></h1>
-<p>Component to handle all GUI texts.</p>
-<p> Druid text can adjust itself for text node size
- Text will never will be outside of his text size (even multiline)</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node[, value[, no_adjust]])</a></td>
-	<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>
-	<tr>
-	<td class="name" nowrap><a href="#set_color">set_color(color)</a></td>
-	<td class="summary">Set color</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_alpha">set_alpha(alpha)</a></td>
-	<td class="summary">Set alpha</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_scale">set_scale(scale)</a></td>
-	<td class="summary">Set scale</td>
-	</tr>
-	<tr>
-	<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">
-	<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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node[, value[, no_adjust]])</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 text node
-        </li>
-        <li><span class="parameter">value</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Initial text. Default value is node text from GUI scene.
-         (<em>optional</em>)
-        </li>
-        <li><span class="parameter">no_adjust</span>
-            <span class="types"><span class="type">bool</span></span>
-         If true, text will be not auto-adjust size
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</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>
-    <strong>set_to(set_to)</strong>
-    </dt>
-    <dd>
-    Set text to text field
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">set_to</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
-         Text for node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_color"></a>
-    <strong>set_color(color)</strong>
-    </dt>
-    <dd>
-    Set color
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">color</span>
-            <span class="types"><span class="type">vector4</span></span>
-         Color for node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_alpha"></a>
-    <strong>set_alpha(alpha)</strong>
-    </dt>
-    <dd>
-    Set alpha
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">alpha</span>
-            <span class="types"><span class="type">number</span></span>
-         Alpha for node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_scale"></a>
-    <strong>set_scale(scale)</strong>
-    </dt>
-    <dd>
-    Set scale
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">scale</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Scale for node
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_pivot"></a>
-    <strong>set_pivot(pivot)</strong>
-    </dt>
-    <dd>
-    Set text pivot.  Text will re-anchor inside
- his text area
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">pivot</span>
-            <span class="types"><span class="type">gui.pivot</span></span>
-         Gui pivot constant
-        </li>
-    </ul>
-
-
-
-
-
-</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>
-
-    <dl class="function">
-    <dt>
-    <a name = "Events"></a>
-    <strong>Events</strong>
-    </dt>
-    <dd>
-    Component events
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">on_set_text</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On set text callback
-        </li>
-        <li><span class="parameter">on_update_text_scale</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On adjust text size callback
-        </li>
-        <li><span class="parameter">on_set_pivot</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On change pivot callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Text node
-        </li>
-        <li><span class="parameter">pos</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current text position
-        </li>
-        <li><span class="parameter">start_scale</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Initial text node scale
-        </li>
-        <li><span class="parameter">scale</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current text node scale
-        </li>
-        <li><span class="parameter">start_size</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Initial text node size
-        </li>
-        <li><span class="parameter">text_area</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current text node available are
-        </li>
-        <li><span class="parameter">is_no_adjust</span>
-            <span class="types"><span class="type">bool</span></span>
-         Current text size adjust settings
-        </li>
-        <li><span class="parameter">color</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current text color
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid.timer.html

@@ -1,303 +0,0 @@
-<!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><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>
-  <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.timer</code></h1>
-<p>Component to handle GUI timers.</p>
-<p> Timer updating by game delta time. If game is not focused -
- timer will be not updated.</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#init">init(node, seconds_from[, seconds_to=0[, callback]])</a></td>
-	<td class="summary">Component init function</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>
-	<tr>
-	<td class="name" nowrap><a href="#set_state">set_state(is_on)</a></td>
-	<td class="summary">Called when update</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#set_interval">set_interval(from, to)</a></td>
-	<td class="summary">Set time interval</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>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "init"></a>
-    <strong>init(node, seconds_from[, seconds_to=0[, 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 text node
-        </li>
-        <li><span class="parameter">seconds_from</span>
-            <span class="types"><span class="type">number</span></span>
-         Start timer value in seconds
-        </li>
-        <li><span class="parameter">seconds_to</span>
-            <span class="types"><span class="type">number</span></span>
-         End timer value in seconds
-         (<em>default</em> 0)
-        </li>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Function on timer end
-         (<em>optional</em>)
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_to"></a>
-    <strong>set_to(set_to)</strong>
-    </dt>
-    <dd>
-    Set text to text field
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">set_to</span>
-            <span class="types"><span class="type">number</span></span>
-         Value in seconds
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_state"></a>
-    <strong>set_state(is_on)</strong>
-    </dt>
-    <dd>
-    Called when update
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">is_on</span>
-            <span class="types"><span class="type">bool</span></span>
-         Timer enable state
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "set_interval"></a>
-    <strong>set_interval(from, to)</strong>
-    </dt>
-    <dd>
-    Set time interval
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">from</span>
-            <span class="types"><span class="type">number</span></span>
-         Start time in seconds
-        </li>
-        <li><span class="parameter">to</span>
-            <span class="types"><span class="type">number</span></span>
-         Target time in seconds
-        </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_tick</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On timer tick callback. Fire every second
-        </li>
-        <li><span class="parameter">on_set_enabled</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On timer change enabled state callback
-        </li>
-        <li><span class="parameter">on_timer_end</span>
-            <span class="types"><span class="type">druid_event</span></span>
-         On timer end callback
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "Fields"></a>
-    <strong>Fields</strong>
-    </dt>
-    <dd>
-    Component fields
-
-
-    <h3>Fields:</h3>
-    <ul>
-        <li><span class="parameter">node</span>
-            <span class="types"><span class="type">node</span></span>
-         Trigger node
-        </li>
-        <li><span class="parameter">from</span>
-            <span class="types"><span class="type">number</span></span>
-         Initial timer value
-        </li>
-        <li><span class="parameter">target</span>
-            <span class="types"><span class="type">number</span></span>
-         Target timer value
-        </li>
-        <li><span class="parameter">value</span>
-            <span class="types"><span class="type">number</span></span>
-         Current timer value
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid_event.html

@@ -1,249 +0,0 @@
-<!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>
-</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><strong>druid_event</strong></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_event</code></h1>
-<p>Lua event small library</p>
-<p>
-
-</p>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#Event">Event(initial_callback)</a></td>
-	<td class="summary">Event constructur</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#event:subscribe">event:subscribe(callback)</a></td>
-	<td class="summary">Subscribe callback on event</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#event:unsubscribe">event:unsubscribe(callback)</a></td>
-	<td class="summary">Unsubscribe callback on event</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#event:is_exist">event:is_exist()</a></td>
-	<td class="summary">Return true, if event have at lease one handler</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#event:clear">event:clear()</a></td>
-	<td class="summary">Clear the all event handlers</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#event:trigger">event:trigger(...)</a></td>
-	<td class="summary">Trigger the event and call all subscribed callbacks</td>
-	</tr>
-</table>
-
-<br/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "Event"></a>
-    <strong>Event(initial_callback)</strong>
-    </dt>
-    <dd>
-    Event constructur
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">initial_callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Subscribe the callback on new event, if callback exist
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "event:subscribe"></a>
-    <strong>event:subscribe(callback)</strong>
-    </dt>
-    <dd>
-    Subscribe callback on event
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Callback itself
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "event:unsubscribe"></a>
-    <strong>event:unsubscribe(callback)</strong>
-    </dt>
-    <dd>
-    Unsubscribe callback on event
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Callback itself
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "event:is_exist"></a>
-    <strong>event:is_exist()</strong>
-    </dt>
-    <dd>
-    Return true, if event have at lease one handler
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">bool</span></span>
-        True if event have handlers
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "event:clear"></a>
-    <strong>event:clear()</strong>
-    </dt>
-    <dd>
-    Clear the all event handlers
-
-
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "event:trigger"></a>
-    <strong>event:trigger(...)</strong>
-    </dt>
-    <dd>
-    Trigger the event and call all subscribed callbacks
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-         All event params
-        </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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/modules/druid_instance.html

@@ -1,920 +0,0 @@
-<!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>
-</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><strong>druid_instance</strong></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_instance</code></h1>
-<p>Druid main class.</p>
-<p> Create instance of this
- to start creating components</p>
-    <h3>See also:</h3>
-    <ul>
-         <li><a href="../modules/druid.button.html#">druid.button</a></li>
-         <li><a href="../modules/druid.blocker.html#">druid.blocker</a></li>
-         <li><a href="../modules/druid.back_handler.html#">druid.back_handler</a></li>
-         <li><a href="../modules/druid.input.html#">druid.input</a></li>
-         <li><a href="../modules/druid.text.html#">druid.text</a></li>
-         <li><a href="../modules/druid.lang_text.html#">druid.lang_text</a></li>
-         <li><a href="../modules/druid.timer.html#">druid.timer</a></li>
-         <li><a href="../modules/druid.progress.html#">druid.progress</a></li>
-         <li><a href="../modules/druid.grid.html#">druid.grid</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.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>
-
-
-<h2><a href="#Functions">Functions</a></h2>
-<table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#druid:initialize">druid:initialize(table, table)</a></td>
-	<td class="summary">Druid class constructor</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:create">druid:create(component, ...)</a></td>
-	<td class="summary">Create new druid component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:final">druid:final()</a></td>
-	<td class="summary">Call on final function on gui_script.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:remove">druid:remove(component)</a></td>
-	<td class="summary">Remove component from druid instance.</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:update">druid:update(dt)</a></td>
-	<td class="summary">Druid update function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:on_input">druid:on_input(action_id, action)</a></td>
-	<td class="summary">Druid on_input function</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:on_message">druid:on_message(message_id, message, sender)</a></td>
-	<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>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_blocker">druid:new_blocker(...)</a></td>
-	<td class="summary">Create blocker basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_back_handler">druid:new_back_handler(...)</a></td>
-	<td class="summary">Create back_handler basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_hover">druid:new_hover(...)</a></td>
-	<td class="summary">Create hover basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_text">druid:new_text(...)</a></td>
-	<td class="summary">Create text basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_lang_text">druid:new_lang_text(...)</a></td>
-	<td class="summary">Create lang_text basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_timer">druid:new_timer(...)</a></td>
-	<td class="summary">Create timer basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_progress">druid:new_progress(...)</a></td>
-	<td class="summary">Create progress basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_grid">druid:new_grid(...)</a></td>
-	<td class="summary">Create grid basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_scroll">druid:new_scroll(...)</a></td>
-	<td class="summary">Create scroll basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_slider">druid:new_slider(...)</a></td>
-	<td class="summary">Create slider basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_checkbox">druid:new_checkbox(...)</a></td>
-	<td class="summary">Create checkbox basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_input">druid:new_input(...)</a></td>
-	<td class="summary">Create input basic component</td>
-	</tr>
-	<tr>
-	<td class="name" nowrap><a href="#druid:new_checkbox_group">druid:new_checkbox_group(...)</a></td>
-	<td class="summary">Create checkbox_group basic component</td>
-	</tr>
-	<tr>
-	<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/>
-<br/>
-
-
-    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
-
-    <dl class="function">
-    <dt>
-    <a name = "druid:initialize"></a>
-    <strong>druid:initialize(table, table)</strong>
-    </dt>
-    <dd>
-    Druid class constructor
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">table</span>
-            <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>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:create"></a>
-    <strong>druid:create(component, ...)</strong>
-    </dt>
-    <dd>
-    Create new druid component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">component</span>
-            <span class="types"><span class="type">Component</span></span>
-         Component module
-        </li>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         Other component params to pass it to component:init function
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:final"></a>
-    <strong>druid:final()</strong>
-    </dt>
-    <dd>
-    Call on final function on gui<em>script.  It will call on</em>remove
- on all druid components
-
-
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:remove"></a>
-    <strong>druid:remove(component)</strong>
-    </dt>
-    <dd>
-    Remove component from druid instance.
- Component <code>on_remove</code> function will be invoked, if exist.
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">component</span>
-            <span class="types"><span class="type">Component</span></span>
-         Component instance
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:update"></a>
-    <strong>druid:update(dt)</strong>
-    </dt>
-    <dd>
-    Druid update function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">dt</span>
-            <span class="types"><span class="type">number</span></span>
-         Delta time
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:on_input"></a>
-    <strong>druid:on_input(action_id, action)</strong>
-    </dt>
-    <dd>
-    Druid on_input function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">action_id</span>
-            <span class="types"><span class="type">hash</span></span>
-         Action<em>id from on</em>input
-        </li>
-        <li><span class="parameter">action</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Action from on_input
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:on_message"></a>
-    <strong>druid:on_message(message_id, message, sender)</strong>
-    </dt>
-    <dd>
-    Druid on_message function
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">message_id</span>
-            <span class="types"><span class="type">hash</span></span>
-         Message<em>id from on</em>message
-        </li>
-        <li><span class="parameter">message</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Message from on_message
-        </li>
-        <li><span class="parameter">sender</span>
-            <span class="types"><span class="type">hash</span></span>
-         Sender from on_message
-        </li>
-    </ul>
-
-
-
-
-
-</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>
-    <strong>druid:new_button(...)</strong>
-    </dt>
-    <dd>
-    Create button basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         button init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        button component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_blocker"></a>
-    <strong>druid:new_blocker(...)</strong>
-    </dt>
-    <dd>
-    Create blocker basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         blocker init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        blocker component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_back_handler"></a>
-    <strong>druid:new_back_handler(...)</strong>
-    </dt>
-    <dd>
-    Create back_handler basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         back_handler init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        back_handler component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_hover"></a>
-    <strong>druid:new_hover(...)</strong>
-    </dt>
-    <dd>
-    Create hover basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         hover init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        hover component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_text"></a>
-    <strong>druid:new_text(...)</strong>
-    </dt>
-    <dd>
-    Create text basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         text init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        text component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_lang_text"></a>
-    <strong>druid:new_lang_text(...)</strong>
-    </dt>
-    <dd>
-    Create lang_text basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         lang_text init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        lang_text component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_timer"></a>
-    <strong>druid:new_timer(...)</strong>
-    </dt>
-    <dd>
-    Create timer basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         timer init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        timer component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_progress"></a>
-    <strong>druid:new_progress(...)</strong>
-    </dt>
-    <dd>
-    Create progress basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         progress init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        progress component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_grid"></a>
-    <strong>druid:new_grid(...)</strong>
-    </dt>
-    <dd>
-    Create grid basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         grid init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        grid component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_scroll"></a>
-    <strong>druid:new_scroll(...)</strong>
-    </dt>
-    <dd>
-    Create scroll basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         scroll init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        scroll component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_slider"></a>
-    <strong>druid:new_slider(...)</strong>
-    </dt>
-    <dd>
-    Create slider basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         slider init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        slider component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_checkbox"></a>
-    <strong>druid:new_checkbox(...)</strong>
-    </dt>
-    <dd>
-    Create checkbox basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         checkbox init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        checkbox component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_input"></a>
-    <strong>druid:new_input(...)</strong>
-    </dt>
-    <dd>
-    Create input basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         input init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        input component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_checkbox_group"></a>
-    <strong>druid:new_checkbox_group(...)</strong>
-    </dt>
-    <dd>
-    Create checkbox_group basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         checkbox_group init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        checkbox_group component
-    </ol>
-
-
-
-
-</dd>
-    <dt>
-    <a name = "druid:new_radio_group"></a>
-    <strong>druid:new_radio_group(...)</strong>
-    </dt>
-    <dd>
-    Create radio_group basic component
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">...</span>
-            <span class="types"><span class="type">args</span></span>
-         radio_group init args
-        </li>
-    </ul>
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><span class="type">Component</span></span>
-        radio_group component
-    </ol>
-
-
-
-
-</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>
-
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/01-components.md.html

@@ -1,472 +0,0 @@
-<!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="#Button">Button </a></li>
-<li><a href="#Text">Text </a></li>
-<li><a href="#Blocker">Blocker </a></li>
-<li><a href="#Back_Handler">Back Handler </a></li>
-<li><a href="#Lang_text">Lang text </a></li>
-<li><a href="#Scroll">Scroll </a></li>
-<li><a href="#Progress">Progress </a></li>
-<li><a href="#Slider">Slider </a></li>
-<li><a href="#Input">Input </a></li>
-<li><a href="#Checkbox">Checkbox </a></li>
-<li><a href="#Checkbox_group">Checkbox group </a></li>
-<li><a href="#Radio_group">Radio group </a></li>
-<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>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><strong>01-components</strong></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>
-<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">
-
-
-
-
-<h1>Druid components</h1>
-
-
-<p><a name="Button"></a></p>
-<h2>Button</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.button.html">Button API here</a></p>
-
-<h3>Overview</h3>
-<p>Basic Druid input component. Handle input on node and provide different callbacks on touch events.</p>
-
-<h3>Setup</h3>
-<p>Create button with druid: <code>button = druid:new_button(node_name, callback, [params], [animation_node])</code>
-Where node name is name of node from GUI scene. You can use <code>node_name</code> as input trigger zone and point another node for animation via <code>animation_node</code></p>
-
-<h3>Notes</h3>
-<p>- Button callback have next params: (self, params, button_instance)</p>
-
-<pre>
-- **self** - Druid self context
-- **params** - Additional params, specified on button creating
-- **button_instance** - button itself
-</pre>
-
-<p>- You can set <em>params</em> on button callback on button creating: <code>druid:new_button(&quot;node_name&quot;, callback, params)</code>. This <em>params</em> will pass in callback as second argument
-- Button have next events:</p>
-
-<pre>
-- **on_click** - basic button callback
-- **on_repeated_click** - repeated click callback, <span class="keyword">while</span> holding the button, don<span class="string">'t trigger if callback is empty
-- **on_long_click** - callback on long button tap, don'</span>t trigger <span class="keyword">if</span> callback is empty
-- **on_hold_click** - hold callback, before long_click trigger, don<span class="string">'t trigger if callback is empty
-- **on_double_click** - different callback, if tap button 2+ in row, don'</span>t trigger <span class="keyword">if</span> callback is empty
-</pre>
-
-<p>- Click event will not trigger, if between pressed and released state cursor was outside of node zone
-- If button have double click event and it is triggered, usual callback will be not invoked
-- If you have stencil on buttons and you don't want trigger them outside of stencil node, you can use <a href="../modules/druid.button.html#set_click_zone">button:set_click_zone</a> to restrict button click zone
-- Button can have key trigger to use then by key: <a href="../modules/druid.button.html#set_key_trigger">button:set_key_trigger</a>
-- Animation node can be used for example to animate small icon on big panel. Node name of trigger zone will be <code>big panel</code> and animation node will be <code>small icon</code></p>
-
-
-<p><a name="Text"></a></p>
-<h2>Text</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.text.html">Text API here</a></p>
-
-<h3>Overview</h3>
-<p>Basic Druid text component. Text components by default have the text size adjusting.</p>
-
-<h3>Setup</h3>
-<p>Create text node with druid: <code>text = druid:new_text(node_name, [initial_value], [is_disable_size_adjust])</code></p>
-
-<h3>Notes</h3>
-<p>- Text component by default have auto adjust text sizing. Text never will be bigger, than text node size, which you can setup in GUI scene. It can be disabled on component creating by settings argument <code>is_no_adjust</code> to <em>true</em></p>
-
-<p><img src="../media/text_autosize.png" alt=""/></p>
-
-<ul>
-    <li>Text pivot can be changed with <a href="../modules/druid.text.html#set_pivot">text:set_pivot</a>, and text will save their position inside their text size box:</li>
-</ul>
-
-<p><img src="../media/text_anchor.gif" alt=""/></p>
-
-
-<p><a name="Blocker"></a></p>
-<h2>Blocker</h2>
-<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>
-
-<h3>Setup</h3>
-<p>Create blocker component with druid: <code>druid:new_blocker(node_name)</code></p>
-
-<h3>Notes</h3>
-<p>Explanation:
-<img src="../media/blocker_scheme.png" alt=""/></p>
-
-<p>Blue zone is <strong>button</strong> with close_window callback</p>
-
-<p>Yellow zone is blocker with window content</p>
-
-<p>So you can do the safe zones, when you have the big buttons</p>
-
-
-<p><a name="Back_Handler"></a></p>
-<h2>Back Handler</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.back_handler.html">Back handler API here</a></p>
-
-<h3>Overview</h3>
-<p>Component to handle back button. It handle Android back button and Backspace key. Key triggers in <code>input.binding</code> should be setup for correct working.</p>
-
-<h3>Setup</h3>
-<p>Setup callback with <code>druid:new_back_handler(callback)</code></p>
-
-<h3>Notes</h3>
-
-
-<p><a name="Lang_text"></a></p>
-<h2>Lang text</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.lang_text.html">Lang text API here</a></p>
-
-<h3>Overview</h3>
-<p>Wrap on Text component to handle localization. It uses druid get<em>text</em>function to set text by it's id</p>
-
-<h3>Setup</h3>
-<p>Create lang text component with druid <code>text = druid:new_lang_text(node_name, locale_id)</code></p>
-
-<h3>Notes</h3>
-
-
-<p><a name="Scroll"></a></p>
-<h2>Scroll</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.scroll.html">Scroll API here</a></p>
-
-<h3>Overview</h3>
-<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(view_node, content_node)</code>.</p>
-
-<p><em>View</em>node_ - 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>content</em>node_ node size. The initial view box will be equal to <em>view</em>node_ node size</p>
-
-<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 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 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* (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_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 <a href="../modules/druid.scroll.html#set_extra_stretch_size">scroll:set_extra_stretch_size</a>
-- Multitouch is required for scroll. Scroll is correctly handling touch_id swap while dragging scroll</p>
-
-
-<p><a name="Progress"></a></p>
-<h2>Progress</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.progress.html">Progress API here</a></p>
-
-<h3>Overview</h3>
-<p>Basic Druid progress bar component</p>
-
-<h3>Setup</h3>
-<p>Create progress bar component with druid: <code>progress = druid:new_progress(node_name, key, init_value)</code></p>
-
-<p>Node name should have maximum node size, so in GUI scene, node_name should be fully filled.
-Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or just "y")</p>
-
-<h3>Notes</h3>
-<p>- Progress correct working with 9slice nodes, it trying to set size by <em>set</em>size_ first, if it is not possible, it set up sizing via <em>set</em>scale_
-- Progress bar can fill only by vertical or horizontal size. If you want make diagonal progress bar, just rotate node in GUI scene
-- If you have glitchy or dark texture bug with progress bar, try to disable mipmaps in your texture profiles</p>
-
-<p><a name="Slider"></a></p>
-<h2>Slider</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.slider.html">Slider API here</a></p>
-
-<h3>Overview</h3>
-<p>Basic Druid slider component</p>
-
-<h3>Setup</h3>
-<p>Create slider component  with druid: <code>slider = druid:new_slider(node_name, end_pos, callback)</code></p>
-
-<p>Pin node (node_name in params) should be placed in zero position (initial). It will be available to mode Pin node between start pos and end pos. </p>
-
-<h3>Notes</h3>
-<p>- You can setup points of interests on slider via <a href="../modules/druid.slider.html#set_steps">slider:set_steps</a>. If steps are exist, slider values will be only from this steps (notched slider)
-- For now, start pos and end pos should be on vertical or horizontal line (their x or y value should be equal)</p>
-
-<p><a name="Input"></a></p>
-<h2>Input</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.input.html">Input API here</a></p>
-
-<h3>Overview</h3>
-<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>
-<h2>Checkbox</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.checkbox.html">Checkbox API here</a></p>
-
-<h3>Overview</h3>
-<p>Basic Druid checkbox component.</p>
-
-<h3>Setup</h3>
-<p>Create checkbox component with druid: <code>checkbox = druid:new_checkbox(node, callback)</code></p>
-
-<h3>Notes</h3>
-<p>- Checkbox uses button to handle click
-- You can setup another node to handle input with click_node arg in component init: <code>druid:new_checkbox(node, callback, [click_node])</code></p>
-
-<p><a name="Checkbox_group"></a></p>
-<h2>Checkbox group</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.checkbox_group.html">Checkbox group API here</a></p>
-
-<h3>Overview</h3>
-<p>Several checkboxes in one group</p>
-
-<h3>Setup</h3>
-<p>Create checkbox_group component with druid: <code>group = druid:new_checkbox_group(nodes[], callback)</code></p>
-
-<h3>Notes</h3>
-<p>- Callback arguments: <code>function(self, checkbox_index)</code>. Index is equals in <em>nodes[]</em> array in component constructor
-- You can get/set checkbox_group state with <code>group:set_state()</code> and <code>group:get_state()</code></p>
-
-
-<p><a name="Radio_group"></a></p>
-<h2>Radio group</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.radio_group.html">Radio group API here</a></p>
-
-<h3>Overview</h3>
-<p>Several checkboxes in one group with single choice</p>
-
-<h3>Setup</h3>
-<p>Create radio_group component with druid: <code>group = druid:new_radio_group(nodes[], callback)</code></p>
-
-<h3>Notes</h3>
-<p>- Callback arguments: <code>function(self, checkbox_index)</code>. Index is equals in <em>nodes[]</em> array in component constructor
-- You can get/set radio_group state with <code>group:set_state()</code> and <code>group:get_state()</code>
-- Only different from checkbox_group: on click another checkboxes in this group will be unchecked</p>
-
-<p><a name="Timer"></a></p>
-<h2>Timer</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.timer.html">Timer API here</a></p>
-
-<h3>Overview</h3>
-<p>Handle timer work on gui text node</p>
-
-<h3>Setup</h3>
-<p>Create timer component with druid: <code>timer = druid:new_timer(text_node, from_seconds, to_seconds, callback)</code></p>
-
-<h3>Notes</h3>
-<p>- Timer fires callback, when timer value equals to <em>to</em>seconds_
-- Timer will setup text node with current timer value
-- Timer uses update function to handle time</p>
-
-<p><a name="Grid"></a></p>
-<h2>Grid</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.grid.html">Grid API here</a></p>
-
-<h3>Overview</h3>
-<p>Component for manage node positions. Very simple implementation for nodes with equal size</p>
-
-<h3>Setup</h3>
-<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_
-- You can get array of position of every element for setup points of interest in scroll component
-- You can get size of all elements for setup size in scroll component
-- You can adjust anchor and border between elements
-- <em>Prefab node</em> in component init used to get grid item size</p>
-
-<p><a name="Hover"></a></p>
-<h2>Hover</h2>
-<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>
-
-<h3>Setup</h3>
-<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
-- By default, assume what node is on not hovered state (both <em>hover</em> and <em>mouse</em>hover_)</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/02-creating_custom_components.md.html

@@ -1,252 +0,0 @@
-<!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="#Overview">Overview </a></li>
-<li><a href="#Custom_components">Custom components </a></li>
-<li><a href="#Best_practice_on_custom_components">Best practice on custom components </a></li>
-<li><a href="#Power_of_using_templates">Power of using templates </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><a href="../topics/01-components.md.html">01-components</a></li>
-  <li><strong>Creating custom components</strong></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>
-<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">
-
-
-<h1>Creating custom components</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-
-<p>Druid allows you to create your custom components from druid basic components or other custom components.</p>
-
-<p>Every component is the children of Basic Druid component. Read the [basic component API here].(https://insality.github.io/druid/modules/component.html), Methods of basic components you can call via self:{method_name}</p>
-
-
-<p><a name="Custom_components"></a></p>
-<h2>Custom components</h2>
-
-<p>Basic custom component template looks like this:</p>
-
-<pre>
-<span class="keyword">local</span> const = <span class="global">require</span>(<span class="string">"druid.const"</span>)
-<span class="keyword">local</span> component = <span class="global">require</span>(<span class="string">"druid.component"</span>)
-
-<span class="keyword">local</span> M = component.create(<span class="string">"my_component"</span>)
-
-<span class="comment">-- Component constructor
-</span><span class="keyword">function</span> M.init(self, ...)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_UPDATE
-</span><span class="keyword">function</span> M.update(self, dt)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_INPUT or const.ON_INPUT_HIGH
-</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_ANGUAGECHANinterest
-</span><span class="keyword">function</span> M.on_anguagechanself)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if component with ON_LAYOUT_CHANGE interest
-</span><span class="keyword">function</span> M.on_layout_change(self)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call, if input was capturing before this component
-</span><span class="comment">-- Example: scroll is start scrolling, so you need unhover button
-</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>
-
-<span class="keyword">return</span> M
-</pre>
-
-
-
-<p>Add your custom component to druid via <a href="../modules/druid.html#register">druid.register</a></p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_component = <span class="global">require</span>(<span class="string">"my.amazing.component"</span>)
-
-<span class="keyword">function</span> init(self)
-    druid.register(<span class="string">"my_component"</span>, my_component)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Registering make new function with "new<em>{component</em>name}". In our example it will be: <code>druid:new_my_component()</code>.</p>
-
-<p>Or you can create component without registering with <code>druid:create(my_component_module)</code></p>
-
-<p>As component registered, you can create your component with next code:</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_component = <span class="global">require</span>(<span class="string">"my.amazing.component"</span>)
-
-<span class="keyword">function</span> init(self)
-    self.druid = druid.new(self)
-
-    <span class="keyword">local</span> my_component = self.druid:new_my_component(...)
-    <span class="comment">-- or --
-</span> <span class="keyword">local</span> my_component = self.druid:create(my_component, ...)
-<span class="keyword">end</span>
-</pre>
-
-
-<h3>Interest</h3>
-<p>Interest - is a way to indicate what events your component will respond to.
-There is next interests in druid:
-- <strong>ON_MESSAGE</strong> - component will receive messages from on_message</p>
-
-<ul>
-    <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>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>
-
-
-<pre>
-<span class="comment">-- Component module
-</span><span class="keyword">local</span> component = <span class="global">require</span>(<span class="string">"druid.component"</span>)
-
-<span class="keyword">local</span> M = component.create(<span class="string">"your_component"</span>)
-
-<span class="keyword">local</span> SCHEME = {
-    ROOT = <span class="string">"root"</span>,
-    ITEM = <span class="string">"item"</span>,
-    TITLE = <span class="string">"title"</span>
-}
-
-<span class="keyword">function</span> M.init(self, template_name, node_table)
-    <span class="comment">-- If component use template, setup it:
-</span> self:set_template(template_name)
-
-    <span class="comment">-- If component was cloned with gui.clone_tree, pass his nodes
-</span> self:set_nodes(node_table)
-
-    <span class="comment">-- helper can get node from gui/template/table
-</span> <span class="keyword">local</span> root = self:get_node(SCHEME.ROOT)
-
-    <span class="comment">-- This component can spawn another druid components:
-</span> <span class="keyword">local</span> druid = self:get_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="keyword">end</span>
-</pre>
-
-
-
-<p><a name="Power_of_using_templates"></a></p>
-<h2>Power of using templates</h2>
-
-<p>You can use one component, but creating and customizing templates for them. Templates only requires to match the component scheme.</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/03-styles.md.html

@@ -1,162 +0,0 @@
-<!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="#Overview">Overview </a></li>
-<li><a href="#Usage">Usage </a></li>
-<li><a href="#Create_your_own_styles">Create your own styles </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><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>
-<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">
-
-
-<h1>Styles</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>Styles - set of functions and parameters for components to customize their behavior.</p>
-
-<p>Styles is a table, where key is name of component, and value is style table for this component.</p>
-
-<p>In component API documentation, you can find the style API for this component. Or just lookup for existing styles and modify them.</p>
-
-<p><a name="Usage"></a></p>
-<h2>Usage</h2>
-<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>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    druid.set_default_style(my_style)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Setup custom style to specific druid instance:</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    <span class="comment">-- This druid instance will be use my_style as default
-</span> self.druid = druid.new(self, my_style)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Change component style with <em>set</em>style_ function</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    self.druid = druid.new(self)
-    self.button = self.druid:new_button(self, <span class="string">"node"</span>)
-    <span class="comment">-- Setup custom style for specific component
-</span> self.button:set_style(my_style)
-<span class="keyword">end</span>
-</pre>
-
-
-
-<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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/04-druid_assets.md.html

@@ -1,99 +0,0 @@
-<!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="#Overview">Overview </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><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>
-<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">
-
-
-<h1>Druid assets</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>I've created <a href="https://github.com/Insality/druid-assets">druid-assets repository</a> to make a <em>marketplace</em> with  custom styles and components.</p>
-
-<p>Any of Druid users can push their own components and styles to share it with the other users</p>
-
-<p>Also, this marketplace is great example to how you can create your custom components</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/05-examples.md.html

@@ -1,97 +0,0 @@
-<!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="#Overview">Overview </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><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>
-<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">
-
-
-<h1>Examples</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>See the <a href="https://github.com/Insality/druid/tree/develop/example/kenney">example folder</a> for examples of how to use Druid</p>
-
-<p>Try the <a href="https://insality.github.io/druid/druid/">HTML5 version</a> of the example app</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/README.md.html

@@ -1,347 +0,0 @@
-<!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="#Setup">Setup </a></li>
-<li><a href="#Components">Components </a></li>
-<li><a href="#Basic_usage">Basic usage </a></li>
-<li><a href="#Druid_Events">Druid Events </a></li>
-<li><a href="#Druid_lifecycle">Druid lifecycle </a></li>
-<li><a href="#Features">Features </a></li>
-<li><a href="#Examples">Examples </a></li>
-<li><a href="#Documentation">Documentation </a></li>
-<li><a href="#Games_powered_by_Druid">Games powered by Druid </a></li>
-<li><a href="#License">License </a></li>
-<li><a href="#Issues_and_suggestions">Issues and suggestions </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><strong>README</strong></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">
-
-    <a href="https://insality.github.io/druid/"><img src="media/druid_logo.png" alt=""/></a></p>
-
-<p><a href="https://github.com/Insality/druid/releases"><img src="https://img.shields.io/github/v/release/insality/druid" alt="GitHub release (latest by date)"/></a></p>
-
-<p><strong>Druid</strong> - powerful Defold component UI library. Use basic <strong>Druid</strong> components or make your own game-specific components to make amazing GUI in your games.</p>
-
-
-<p><a name="Setup"></a></p>
-<h2>Setup</h2>
-
-<h3>Dependency</h3>
-
-<p>You can use the <strong>Druid</strong> extension in your own project by adding this project as a <a href="https://www.defold.com/manuals/libraries/">Defold library dependency</a>. Open your game.project file and in the dependencies field under project add:</p>
-
-<blockquote>
-    <p><a href="https://github.com/Insality/druid/archive/master.zip">https://github.com/Insality/druid/archive/master.zip</a></p>
-</blockquote>
-
-<p>Or point to the ZIP file of a  <a href="https://github.com/Insality/druid/releases">specific release</a>.</p>
-
-<h3>Input bindings</h3>
-
-<p>For <strong>Druid</strong> to work requires next input bindings:</p>
-
-<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>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_2.png" alt=""/>
-<img src="media/input_binding_1.png" alt=""/></p>
-
-
-<h3>Input capturing [optional]</h3>
-
-<p>By default, <strong>Druid</strong> will auto-capture input focus, if any input component will be created. So you don't need to call <code>msg.post(&quot;.&quot;, &quot;acquire_input_focus)&quot;</code></p>
-
-<p>If you not need this behaviour, you can disable it by settings <code>druid.no_auto_input</code> field in <em>game.project</em>:</p>
-<pre><code> [druid]
- no_auto_input = 1
-</code></pre>
-
-
-<h3>Code [optional]</h3>
-
-<p>Adjust <strong>Druid</strong> settings, if needed:</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-
-<span class="comment">-- Used for button component and custom components
-</span><span class="comment">-- Callback should play sound by name
-</span>druid.set_sound_function(callback)
-
-<span class="comment">-- Used for lang_text component
-</span><span class="comment">-- Callback should return localized string by locale id
-</span>druid.set_text_function(callback)
-
-<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>
-
-
-
-<p><a name="Components"></a></p>
-<h2>Components</h2>
-
-<p><strong>Druid</strong> provides next basic components:</p>
-
-<ul>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#button">Button</a></strong> - Basic Druid input component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#text">Text</a></strong> - Basic Druid text component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#lang-text">Lang text</a></strong> - Wrap on Text component to handle localization</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#scroll">Scroll</a></strong> - Basic Druid scroll component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#progress">Progress</a></strong> - Basic Druid progress bar component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#slider">Slider</a></strong> - Basic Druid slider component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#input">Input</a></strong> - Basic Druid text input component (unimplemented)</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#checkbox">Checkbox</a></strong> - Basic Druid checkbox component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#checkbox-group">Checkbox group</a></strong> - Several checkboxes in one group</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#radio-group">Radio group</a></strong> - Several checkboxes in one group with single choice</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#blocker">Blocker</a></strong> - Block input in node zone component</p></li>
-    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#back-handler">Back Handler</a></strong> - Handle back button (Android back, backspace)</p></li>
-    <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>
-
-
-<p><a name="Basic_usage"></a></p>
-<h2>Basic usage</h2>
-
-<p>For using <strong>Druid</strong>, first you should create Druid instance to spawn components. Pass to new Druid instance main engine functions: <em>update</em>, *on<em>message* and *on</em>input*</p>
-
-<p>All <strong>Druid</strong> components as arguments can apply node name string, you can don't do <code>gui.get_node()</code> before</p>
-
-<p>All <strong>Druid</strong> and component methods calling with <code>:</code> like <code>self.druid:new_button()</code></p>
-
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> button_callback(self)
-    <span class="global">print</span>(<span class="string">"Button was clicked!"</span>)
-<span class="keyword">end</span>
-
-<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>
-</pre>
-
-
-<p><a name="Druid_Events"></a></p>
-<h2>Druid Events</h2>
-
-<p>Any <strong>Druid</strong> components as callbacks uses <a href="https://insality.github.io/druid/modules/druid_event.html">Druid Events</a>. In component API (<a href="https://insality.github.io/druid/modules/druid.button.html#Events">button example</a>) pointed list of component events. You can manually subscribe on this events by next API:</p>
-
-<ul>
-    <li><p><strong>event:subscribe</strong>(callback)</p></li>
-    <li><p><strong>event:unsubscribe</strong>(callback)</p></li>
-    <li><p><strong>event:clear</strong>()</p></li>
-</ul>
-
-<p>Any events can handle several callbacks, if needed.</p>
-
-
-<p><a name="Druid_lifecycle"></a></p>
-<h2>Druid lifecycle</h2>
-
-<p>Here is full druid lifecycle setup in your <strong>*.gui_script</strong> file:</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-
-<span class="keyword">function</span> init(self)
-    self.druid = druid.new(self)
-<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> update(self, dt)
-    self.druid:update(dt)
-<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>
-
-<span class="keyword">function</span> on_message(self, message_id, message, sender)
-    self.druid:on_message(message_id, message, sender)
-<span class="keyword">end</span>
-</pre>
-
-
-<ul>
-    <li><em>final</em> required function for correct druid lifecycle</li>
-    <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</li>
-</ul>
-
-<p>Recommended is fully integrate all druid lifecycles functions</p>
-
-
-<p><a name="Features"></a></p>
-<h2>Features</h2>
-
-<ul>
-    <li>Druid input goes as stack. Last created button will checked first. So create your GUI from back</li>
-    <li>Don't forget about <code>return</code> in <code>on_input</code>: <code>return self.druid:on_input()</code>. It need, if you have more than 1 acquire inputs (several druid, other input system, etc)</li>
-    <li>Druid by default do <em>acquire</em>input<em>focus</em>. So you don't need do it manually. Buy only if you have components, which requires <em>on</em>input_ </li>
-</ul>
-
-
-<p><a name="Examples"></a></p>
-<h2>Examples</h2>
-
-<p>See the <a href="https://github.com/Insality/druid/tree/develop/example">example folder</a> for examples of how to use <strong>Druid</strong></p>
-
-<p>See the <a href="https://github.com/insality/druid-assets">druid-assets repository</a> for examples of how to create custom components and styles</p>
-
-<p>Try the <a href="https://insality.github.io/druid/druid/">HTML5 version</a> of the example app</p>
-
-
-<p><a name="Documentation"></a></p>
-<h2>Documentation</h2>
-
-<p>To learn <strong>Druid</strong> better, read next documentation:
-- <a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md">Druid components</a>
-- <a href="https://github.com/Insality/druid/blob/master/docs_md/02-creating_custom_components.md">Create custom components</a>
-- <a href="https://github.com/Insality/druid/blob/master/docs_md/03-styles.md">Druid styles</a>
-- <a href="https://github.com/Insality/druid/blob/master/docs_md/04-druid_assets.md">Druid asset store</a></p>
-
-<p>Full <strong>Druid</strong> documentation you can find here:
-https://insality.github.io/druid/</p>
-
-
-<p><a name="Games_powered_by_Druid"></a></p>
-<h2>Games powered by Druid</h2>
-
-<p><em>Will fill later</em></p>
-
-
-<p><a name="License"></a></p>
-<h2>License</h2>
-
-<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><strong>MIT</strong> License</p>
-
-
-<p><a name="Issues_and_suggestions"></a></p>
-<h2>Issues and suggestions</h2>
-
-<p>If you have any issues, questions or suggestions please  <a href="https://github.com/Insality/druid/issues">create an issue</a>  or contact me:  <a href="mailto:insality@gmail.com">insality@gmail.com</a>
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/changelog.md.html

@@ -1,206 +0,0 @@
-<!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">
-
-    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 dragging 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>[Breaking changes] 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 you can only set styles
-- 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](https://insality.github.<span class="global">io</span>/druid/index.html)
-</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 blocker)</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>
-
-
-<p>Druid 0.5.0:
-- <strong>Fix #61:</strong> Button component: fix button animation node creation
-- <strong>Fix #64:</strong> Hover component: wrong mouse_hover default state
-- <strong>Fix #71:</strong> Blocker: blocker now correct block mouse hover event
-- <strong>Fix #72:</strong> Fix <code>return nil</code> in some <code>on_input</code> functions
-- <strong>Fix #74:</strong> Fix typo: strech -> stretch. Scroll function <code>set_extra_stretch_size</code> renamed
-
-</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-06-14 20:13:02 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/components.md.html

@@ -1,162 +0,0 @@
-<!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="#Button">Button </a></li>
-<li><a href="#Text">Text </a></li>
-<li><a href="#Blocker">Blocker </a></li>
-<li><a href="#Back_Handler">Back Handler </a></li>
-<li><a href="#Locale">Locale </a></li>
-<li><a href="#Timer">Timer </a></li>
-<li><a href="#Progress">Progress </a></li>
-<li><a href="#Scroll">Scroll </a></li>
-<li><a href="#Grid">Grid </a></li>
-<li><a href="#Slider">Slider </a></li>
-<li><a href="#Checkbox">Checkbox </a></li>
-<li><a href="#Checkbox_group">Checkbox group </a></li>
-<li><a href="#Radio_group">Radio group </a></li>
-<li><a href="#Hover">Hover </a></li>
-<li><a href="#Input">Input </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><strong>Druid components</strong></li>
-  <li><a href="../topics/creating_custom_components.md.html">Creating custom components</a></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><a href="../topics/examples.md.html">Examples</a></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h1>Druid components</h1>
-
-<p><a name="Button"></a></p>
-<h2>Button</h2>
-<p>Basic game button</p>
-
-<p><a name="Text"></a></p>
-<h2>Text</h2>
-<p>Wrap on text node with text size adjusting</p>
-
-<p><a name="Blocker"></a></p>
-<h2>Blocker</h2>
-<p>Block input in node zone</p>
-
-<p><a name="Back_Handler"></a></p>
-<h2>Back Handler</h2>
-<p>Handle back button (Android, backspace)</p>
-
-<p><a name="Locale"></a></p>
-<h2>Locale</h2>
-<p>Text component with handle localization system</p>
-
-<p><a name="Timer"></a></p>
-<h2>Timer</h2>
-<p>Run timer on text node</p>
-
-<p><a name="Progress"></a></p>
-<h2>Progress</h2>
-<p>Basic progress bar</p>
-
-<p><a name="Scroll"></a></p>
-<h2>Scroll</h2>
-<p>Basic scroll component</p>
-
-<p><a name="Grid"></a></p>
-<h2>Grid</h2>
-<p>Component for manage node positions</p>
-
-<p><a name="Slider"></a></p>
-<h2>Slider</h2>
-<p>Basic slider component</p>
-
-<p><a name="Checkbox"></a></p>
-<h2>Checkbox</h2>
-<p>Basic checkbox component</p>
-
-<p><a name="Checkbox_group"></a></p>
-<h2>Checkbox group</h2>
-<p>Several checkboxes in one group</p>
-
-<p><a name="Radio_group"></a></p>
-<h2>Radio group</h2>
-<p>Several checkboxes in one group with single choice</p>
-
-<p><a name="Hover"></a></p>
-<h2>Hover</h2>
-<p>Trigger component for check node hover state</p>
-
-<p><a name="Input"></a></p>
-<h2>Input</h2>
-<p>Component to process user text input</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-03-21 22:59:46 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/create_custom_components.md.html

@@ -1,172 +0,0 @@
-<!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/components.md.html">Druid components</a></li>
-  <li><strong>Custom components</strong></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><a href="../topics/online_example.md.html">Online example</a></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h2>Custom components</h2>
-
-<p>Add your custom components via <a href="../modules/druid.html#register">druid.register</a></p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_component = <span class="global">require</span>(<span class="string">"my.amazing.component"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    druid.register(<span class="string">"my_component"</span>, my_component)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Basic custom component template looks like this:</p>
-
-<pre>
-<span class="keyword">local</span> const = <span class="global">require</span>(<span class="string">"druid.const"</span>)
-
-<span class="keyword">local</span> M = {}
-M.interest = { const.ON_INPUT }
-
-<span class="keyword">function</span> M.init(self, ...)
-    <span class="comment">-- Component constructor
-</span><span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_UPDATE
-</span><span class="keyword">function</span> M.update(self, dt)
-
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_INPUT or const.ON_SWIPE
-</span><span class="keyword">function</span> M.on_input(self, action_id, action)
-
-<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 swipe was started on another component (ex. scroll)
-</span><span class="keyword">function</span> M.on_swipe(self)
-
-<span class="keyword">end</span>
-
-<span class="keyword">return</span> M
-</pre>
-
-
-
-<h2>Best practice on custom components</h2>
-<p>On each component recomended describe component schema in next way:</p>
-
-
-<pre>
-<span class="comment">-- Component module
-</span><span class="keyword">local</span> helper = <span class="global">require</span>(<span class="string">"druid.helper"</span>)
-
-<span class="keyword">local</span> M = {}
-
-<span class="keyword">local</span> SCHEME = {
-    ROOT = <span class="string">"/root"</span>,
-    ITEM = <span class="string">"/item"</span>,
-    TITLE = <span class="string">"/title"</span>
-}
-
-<span class="comment">-- TODO: Rework self.template/self.nodes
-</span><span class="comment">-- Make self._inner_data? { component_name, template, nodes }
-</span><span class="keyword">function</span> M.init(self, template_name, node_table)
-    <span class="comment">-- If component use template, setup it:
-</span> self.template = template_name
-
-    <span class="comment">-- If component was cloned with gui.clone_tree, pass his nodes
-</span> self.nodes = node_table
-
-    <span class="comment">-- helper can get node from gui/template/table
-</span> <span class="keyword">local</span> root = helper.node(self, SCHEME.ROOT)
-
-    <span class="comment">-- This component can spawn another druid components:
-</span> <span class="keyword">local</span> druid = helper.get_druid(self)
-    <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
-</span> <span class="keyword">local</span> my_style = helper.get_style(self, <span class="string">"component_name"</span>)
-<span class="keyword">end</span>
-</pre>
-
-
-
-</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-03-21 22:00:04 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/creating_custom_components.md.html

@@ -1,200 +0,0 @@
-<!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="#Overview">Overview </a></li>
-<li><a href="#Custom_components">Custom components </a></li>
-<li><a href="#Best_practice_on_custom_components">Best practice on custom components </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><a href="../topics/components.md.html">Druid components</a></li>
-  <li><strong>Creating custom components</strong></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><a href="../topics/examples.md.html">Examples</a></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h1>Creating custom components</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>Druid allows you to create your custom components from druid basic components or other custom components</p>
-
-
-<p><a name="Custom_components"></a></p>
-<h2>Custom components</h2>
-<p>Basic custom component template looks like this:</p>
-
-<pre>
-<span class="keyword">local</span> const = <span class="global">require</span>(<span class="string">"druid.const"</span>)
-<span class="keyword">local</span> component = <span class="global">require</span>(<span class="string">"druid.component"</span>)
-
-<span class="keyword">local</span> M = component.create(<span class="string">"your_component"</span>)
-
-<span class="comment">-- Component constructor
-</span><span class="keyword">function</span> M.init(self, ...)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_UPDATE
-</span><span class="keyword">function</span> M.update(self, dt)
-<span class="keyword">end</span>
-
-<span class="comment">-- Call only if exist interest: const.ON_INPUT or const.ON_INPUT_HIGH
-</span><span class="keyword">function</span> M.on_input(self, action_id, action)
-<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="keyword">end</span>
-
-<span class="comment">-- Call only if component with ON_LAYOUT_CHANGE interest
-</span><span class="keyword">function</span> M.on_layout_change(self)
-<span class="keyword">end</span>
-
-<span class="keyword">return</span> M
-</pre>
-
-
-
-<p>Add your custom component to druid via <a href="../modules/druid.html#register">druid.register</a></p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_component = <span class="global">require</span>(<span class="string">"my.amazing.component"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    druid.register(<span class="string">"my_component"</span>, my_component)
-<span class="keyword">end</span>
-</pre>
-
-
-<h3>Interest</h3>
-<p>Interest - is a way to indicate what events your component will respond to.
-There is next interests in druid:
-- <strong>ON_MESSAGE</strong> - component will receive messages from on_message</p>
-
-<ul>
-    <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>
-</ul>
-
-
-<p><a name="Best_practice_on_custom_components"></a></p>
-<h2>Best practice on custom components</h2>
-<p>On each component recomended describe component scheme in next way:</p>
-
-
-<pre>
-<span class="comment">-- Component module
-</span><span class="keyword">local</span> component = <span class="global">require</span>(<span class="string">"druid.component"</span>)
-
-<span class="keyword">local</span> M = component.create(<span class="string">"your_component"</span>)
-
-<span class="keyword">local</span> SCHEME = {
-    ROOT = <span class="string">"/root"</span>,
-    ITEM = <span class="string">"/item"</span>,
-    TITLE = <span class="string">"/title"</span>
-}
-
-<span class="keyword">function</span> M.init(self, template_name, node_table)
-    <span class="comment">-- If component use template, setup it:
-</span> self:set_template(template_name)
-
-    <span class="comment">-- If component was cloned with gui.clone_tree, pass his nodes
-</span> self:set_nodes(node_table)
-
-    <span class="comment">-- helper can get node from gui/template/table
-</span> <span class="keyword">local</span> root = self:get_node(SCHEME.ROOT)
-
-    <span class="comment">-- This component can spawn another druid components:
-</span> <span class="keyword">local</span> druid = self:get_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>
-
-
-
-</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-03-21 22:59:46 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/druid_assets.md.html

@@ -1,96 +0,0 @@
-<!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="#Overview">Overview </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><a href="../topics/components.md.html">Druid components</a></li>
-  <li><a href="../topics/creating_custom_components.md.html">Creating custom components</a></li>
-  <li><strong>Druid assets</strong></li>
-  <li><a href="../topics/examples.md.html">Examples</a></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h1>Druid assets</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>I've created <a href="https://github.com/Insality/druid-assets">druid-assets repository</a> to make a <em>marketplace</em> with  custom styles and components.</p>
-
-<p>Any of druid users can push their own components and styles to share it with the other users</p>
-
-<p>Also, this marketplace is great example to how you can create your custom components</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-03-21 22:59:46 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/examples.md.html

@@ -1,94 +0,0 @@
-<!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="#Overview">Overview </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><a href="../topics/components.md.html">Druid components</a></li>
-  <li><a href="../topics/creating_custom_components.md.html">Creating custom components</a></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><strong>Examples</strong></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h1>Examples</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>See the <a href="https://github.com/Insality/druid/tree/develop/example/kenney">example folder</a> for examples of how to use Druid</p>
-
-<p>Try the HTML5 version of the example app</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-03-21 22:59:46 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/online_example.md.html

@@ -1,86 +0,0 @@
-<!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/components.md.html">Druid components</a></li>
-  <li><a href="../topics/create_custom_components.md.html">Custom components</a></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><strong>Online example</strong></li>
-  <li><a href="../topics/styles.md.html">Styles</a></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.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.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">
-
-
-<h1>Online example</h1>
-
-<p>Check druid --here-- (link)</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-03-21 22:00:04 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs/topics/styles.md.html

@@ -1,145 +0,0 @@
-<!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="#Overview">Overview </a></li>
-<li><a href="#Usage">Usage </a></li>
-<li><a href="#Create_custom_components">Create custom components </a></li>
-</ul>
-
-
-<h2>Topics</h2>
-<ul class="">
-  <li><a href="../topics/components.md.html">Druid components</a></li>
-  <li><a href="../topics/creating_custom_components.md.html">Creating custom components</a></li>
-  <li><a href="../topics/druid_assets.md.html">Druid assets</a></li>
-  <li><a href="../topics/examples.md.html">Examples</a></li>
-  <li><strong>Styles</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.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.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">
-
-
-<h1>Styles</h1>
-
-<p><a name="Overview"></a></p>
-<h2>Overview</h2>
-<p>Styles - set of functions and parameters for components to customize their behavior.</p>
-
-<p>Styles is a table, where key is name of component, and value is style table for this component.</p>
-
-<p>In component API documentation, you can find the style API for this component. Or just lookup for existing styles and modify them.</p>
-
-<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>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    druid.set_default_style(my_style)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Setup custom style to specific druid instance:</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    <span class="comment">-- This druid instance will be use my_style as default
-</span> self.druid = druid.new(self, my_style)
-<span class="keyword">end</span>
-</pre>
-
-
-<p>Change component style with <em>set</em>style_ function</p>
-
-<pre>
-<span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
-<span class="keyword">local</span> my_style = <span class="global">require</span>(<span class="string">"my.amazing.style"</span>)
-
-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
-    self.druid = druid.new(self)
-    self.button = self.druid:new_button(self, <span class="string">"node"</span>)
-    <span class="comment">-- Setup custom style for specific component
-</span> self.button:set_style(my_style)
-<span class="keyword">end</span>
-</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>
-
-
-</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-03-21 22:59:46 </i>
-</div> <!-- id="about" -->
-</div> <!-- id="container" -->
-</body>
-</html>

docs_md/01-components.md

@@ -1,10 +1,8 @@
-
-
 # Druid components
 
 
 ## Button
-[Button API here](https://insality.github.io/druid/modules/druid.button.html)
+[Button API here](https://insality.github.io/druid/modules/Button.html)
 
 ### Overview
 Basic Druid input component. Handle input on node and provide different callbacks on touch events.
@@ -13,6 +11,9 @@ Basic Druid input component. Handle input on node and provide different callback
 Create button with druid: `button = druid:new_button(node_name, callback, [params], [animation_node])`
 Where node name is name of node from GUI scene. You can use `node_name` as input trigger zone and point another node for animation via `animation_node`
 
+### Usecase
+_fill example usecases_
+
 ### Notes
 - Button callback have next params: (self, params, button_instance)
 	- **self** - Druid self context
@@ -33,13 +34,13 @@ Where node name is name of node from GUI scene. You can use `node_name` as input
 
 
 ## Text
-[Text API here](https://insality.github.io/druid/modules/druid.text.html)
+[Text API here](https://insality.github.io/druid/modules/Text.html)
 
 ### Overview
 Basic Druid text component. Text components by default have the text size adjusting.
 
 ### Setup
-Create text node with druid: `text = druid:new_text(node_name, [initial_value], [is_disable_size_adjust])`
+Create text node with druid: `text = druid:new_text(node_name, [initial_value], [text_adjust_type])`
 
 ### Notes
 - Text component by default have auto adjust text sizing. Text never will be bigger, than text node size, which you can setup in GUI scene. It can be disabled on component creating by settings argument `is_no_adjust` to _true_
@@ -50,9 +51,17 @@ Create text node with druid: `text = druid:new_text(node_name, [initial_value],
 
 ![](../media/text_anchor.gif)
 
+- There is several text adjust types. Default Downscale. You can change the default adjust type in the text style table.
+	- **const.TEXT_ADJUST.DOWNSCALE** - Change text's scale to fit in the text node size
+	- **const.TEXT_ADJUST.TRIM** - Trim the text with postfix (default - "...", override in styles) to fit in the text node size
+	- **const.TEXT_ADJUST.NO_ADJUST** - No any adjust, like default Defold text node
+	- **const.TEXT_ADJUST.DOWNSCALE_LIMITED** - Change text's scale list downscale, but there is limit for text's scale
+	- **const.TEXT_ADJUST.SCROLL** - Change text's pivot to imitate scrolling in the text box. Use with stencil node for better effect.
+	- **const.TEXT_ADJUST.SCALE_THEN_SCROLL** - Combine two modes: first limited downscale, then scroll
+
 
 ## Blocker
-[Blocker API here](https://insality.github.io/druid/modules/druid.blocker.html)
+[Blocker API here](https://insality.github.io/druid/modules/Blocker.html)
 
 ### Overview
 Druid component for block input. Use it to block input in special zone.
@@ -72,7 +81,7 @@ So you can do the safe zones, when you have the big buttons
 
 
 ## Back Handler
-[Back handler API here](https://insality.github.io/druid/modules/druid.back_handler.html)
+[Back handler API here](https://insality.github.io/druid/modules/BackHandler.html)
 
 ### Overview
 Component to handle back button. It handle Android back button and Backspace key. Key triggers in `input.binding` should be setup for correct working.
@@ -84,7 +93,7 @@ Setup callback with `druid:new_back_handler(callback)`
 
 
 ## Lang text
-[Lang text API here](https://insality.github.io/druid/modules/druid.lang_text.html)
+[Lang text API here](https://insality.github.io/druid/modules/LangText.html)
 
 ### Overview
 Wrap on Text component to handle localization. It uses druid get_text_function to set text by it's id
@@ -96,7 +105,7 @@ Create lang text component with druid `text = druid:new_lang_text(node_name, loc
 
 
 ## Scroll
-[Scroll API here](https://insality.github.io/druid/modules/druid.scroll.html)
+[Scroll API here](https://insality.github.io/druid/modules/Scroll.html)
 
 ### Overview
 Basic Druid scroll component. Handle all scrolling stuff in druid GUI
@@ -117,20 +126,20 @@ Usually, Place _view_node_ and as children add _content_node_:
 *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 extra size for strecthing effect. 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/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* (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 enabled or disable inertion mode via `scroll:set_inert(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
-[Progress API here](https://insality.github.io/druid/modules/druid.progress.html)
+[Progress API here](https://insality.github.io/druid/modules/Progress.html)
 
 ### Overview
 Basic Druid progress bar component
@@ -138,7 +147,7 @@ Basic Druid progress bar component
 ### Setup
 Create progress bar component with druid: `progress = druid:new_progress(node_name, key, init_value)`
 
-Node name should have maximum node size, so in GUI scene, node_name should be fully filled. 
+Node name should have maximum node size, so in GUI scene, node_name should be fully filled.
 Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or just "y")
 
 ### Notes
@@ -146,8 +155,9 @@ Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or ju
 - Progress bar can fill only by vertical or horizontal size. If you want make diagonal progress bar, just rotate node in GUI scene
 - If you have glitchy or dark texture bug with progress bar, try to disable mipmaps in your texture profiles
 
+
 ## Slider
-[Slider API here](https://insality.github.io/druid/modules/druid.slider.html)
+[Slider API here](https://insality.github.io/druid/modules/Slider.html)
 
 ### Overview
 Basic Druid slider component
@@ -155,17 +165,18 @@ Basic Druid slider component
 ### Setup
 Create slider component  with druid: `slider = druid:new_slider(node_name, end_pos, callback)`
 
-Pin node (node_name in params) should be placed in zero position (initial). It will be available to mode Pin node between start pos and end pos. 
+Pin node (node_name in params) should be placed in zero position (initial). It will be available to mode Pin node between start pos and end pos.
 
 ### Notes
 - You can setup points of interests on slider via `slider:set_steps`. If steps are exist, slider values will be only from this steps (notched slider)
 - For now, start pos and end pos should be on vertical or horizontal line (their x or y value should be equal)
 
+
 ## Input
-[Input API here](https://insality.github.io/druid/modules/druid.input.html)
+[Input API here](https://insality.github.io/druid/modules/Input.html)
 
 ### Overview
-Basic Druid text input component (unimplemented)
+Basic Druid text input component
 
 ### Setup
 Create input component with druid: `input = druid:new_input(button_node_name, text_node_name, keyboard_type)`
@@ -182,7 +193,7 @@ Create input component with druid: `input = druid:new_input(button_node_name, te
 
 
 ## Checkbox
-[Checkbox API here](https://insality.github.io/druid/modules/druid.checkbox.html)
+[Checkbox API here](https://insality.github.io/druid/modules/Checkbox.html)
 
 ### Overview
 Basic Druid checkbox component.
@@ -194,8 +205,9 @@ Create checkbox component with druid: `checkbox = druid:new_checkbox(node, callb
 - Checkbox uses button to handle click
 - You can setup another node to handle input with click_node arg in component init: `druid:new_checkbox(node, callback, [click_node])`
 
+
 ## Checkbox group
-[Checkbox group API here](https://insality.github.io/druid/modules/druid.checkbox_group.html)
+[Checkbox group API here](https://insality.github.io/druid/modules/CheckboxGroup.html)
 
 ### Overview
 Several checkboxes in one group
@@ -209,7 +221,7 @@ Create checkbox_group component with druid: `group = druid:new_checkbox_group(no
 
 
 ## Radio group
-[Radio group API here](https://insality.github.io/druid/modules/druid.radio_group.html)
+[Radio group API here](https://insality.github.io/druid/modules/RadioGroup.html)
 
 ### Overview
 Several checkboxes in one group with single choice
@@ -222,8 +234,9 @@ Create radio_group component with druid: `group = druid:new_radio_group(nodes[],
 - You can get/set radio_group state with `group:set_state()` and `group:get_state()`
 - Only different from checkbox_group: on click another checkboxes in this group will be unchecked
 
+
 ## Timer
-[Timer API here](https://insality.github.io/druid/modules/druid.timer.html)
+[Timer API here](https://insality.github.io/druid/modules/Timer.html)
 
 ### Overview
 Handle timer work on gui text node
@@ -233,27 +246,84 @@ Create timer component with druid: `timer = druid:new_timer(text_node, from_seco
 
 ### Notes
 - Timer fires callback, when timer value equals to _to_seconds_
-- Timer will setup text node with current timer value
+- Timer will set text node with current timer value
 - Timer uses update function to handle time
 
-## Grid
-[Grid API here](https://insality.github.io/druid/modules/druid.grid.html)
+
+## Static Grid
+[Static Grid API here](https://insality.github.io/druid/modules/StaticGrid.html)
 
 ### Overview
-Component for manage node positions. Very simple implementation for nodes with equal size
+Component for manage node positions.
+Static grid have constant node size, so it possible to calculate node positions before placement. Nodes can be placed with gaps.
+Static grid can shift elements on add/remove functions.
 
 ### Setup
-Create  component with druid: `grid = druid:new_grid(parent_node, prefab_node, max_in_row_elements)`
+Create  component with druid: `grid = druid:new_static_grid(parent_node, prefab_node, max_in_row_elements)`
 
 ### Notes
-- Grid on _adding elements_ will setup parent to _parent_node_
+- On _add node_ grid will set nodeup parent to _parent_node_
 - You can get array of position of every element for setup points of interest in scroll component
 - You can get size of all elements for setup size in scroll component
-- You can adjust anchor and border between elements
-- _Prefab node_ in component init used to get grid item size
+- You can also bind the grid to the scroll component for auto resize scroll content size
+- Pivot of parent_node matter for node placement
+- _Prefab node_ used to get node size and anchor
+- You can point *position_function* for animations with _static_grid:set_position_function(node, pos)_ callback. Default - *gui.set_position()*
+
+
+## Dynamic Grid
+[Dynamic Grid API here](https://insality.github.io/druid/modules/DynamicGrid.html)
+
+### Overview
+Component for manage node positions with different node sizes.
+Unlike Static Grid, Dynamic Grid can place nodes only in one row or in one column.
+Dynamic Grid can't have gaps between elements
+- you will get error, if try spawn element far away from others.
+Dynamic Grid should have __West__, __East__, __South__ or __North__ pivot (vertical or horizontal element placement)
+
+### Setup
+Create component with druid: `grid = druid:new_dynamic_grid(parent_node)`
+
+Check the _parent_node_ have correct pivot point. You will get the error otherwise.
+
+### Notes
+- On _add node_ grid will set node parent to _parent_node_
+- You can get array of position of every element for setup points of interest in scroll component
+- You can get size of all elements for setup size in scroll component
+- You can also bind the grid to the scroll component for auto resize scroll content size
+- Pivot of parent_node matter for node placement
+- You can point *position_function* for animations with _static_grid:set_position_function(node, pos)_ callback. Default - *gui.set_position()*
+- First node placed at Grid pivot point. Other nodes placed nearby of other nodes.
+- On *add/remove* nodes always shifted. You can point the shift side in this functions (*is_shift_left* boolean argumentp
+
+
+## Data List
+[Data List API here](https://insality.github.io/druid/modules/DataList.html)
+
+### Overview
+Component to manage data for huge dataset in scroll. DataList create elements only in scroll view.
+It requires Druid Scroll and Druid Grid (Static or Dynamic) components
+
+
+### Setup
+Create component with druid: `grid = druid:new_data_list(scroll, grid, create_callback)`
+- scroll - already created Scroll component
+- grid - already created StaticGrid or DynamicGrid component
+- create_function - your function to create node instances. This callback have next parameters: fun(self, data, index, data_list)
+	- self - Script/Druid context
+	- data- your element data
+	- index - element index
+	- data_list - current DataList component
+
+Create function should return root node and optionaly, Druid component. It’s required to manage create/remove lifecycle.
+
+### Notes
+- Set data with `data_list:set_data({...})` after component initialize
+- You can use `data_list:scroll_to_index()` function to show data element
+
 
 ## Hover
-[Hover API here](https://insality.github.io/druid/modules/druid.hover.html)
+[Hover API here](https://insality.github.io/druid/modules/Hover.html)
 
 ### Overview
 System Druid component, handle hover node state.
@@ -268,7 +338,7 @@ Create hover component with druid: `hover = druid:new_hover(node, callback)`
 
 
 ## Swipe
-[Swipe API here](https://insality.github.io/druid/modules/druid.swipe.html)
+[Swipe API here](https://insality.github.io/druid/modules/Swipe.html)
 
 ### Overview
 System Druid component, handle swipe actions on node
@@ -289,7 +359,7 @@ Create swipe component with druid: `hover = druid:new_swipe(node, swipe_callback
 
 
 ## Drag
-[Drag API here](https://insality.github.io/druid/modules/druid.drag.html)
+[Drag API here](https://insality.github.io/druid/modules/Drag.html)
 
 ### Overview
 System Druid component, handle drag actions on node
@@ -298,10 +368,12 @@ System Druid component, handle drag actions on node
 Create drag component with druid: `hover = druid:new_drag(node, drag_callback)`
 
 ### Notes
-- Drag callback have next params: (self, swipe_side, distance, time)
+- Drag callback have next params: (self, dx, dy, total_x, total_y)
 	- **self**: Druid self context
 	- **dx**: *number* - delta x position
 	- **dy**: *number* - delta y position
+	- **total_x**: *number* - total delta x position
+	- **total_y**: *number* - total 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
@@ -317,3 +389,56 @@ Create drag component with druid: `hover = druid:new_drag(node, drag_callback)`
 	- _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)`
+
+
+## Hotkey
+[Hotkey API here](https://insality.github.io/druid/modules/Hotkey.html)
+
+### Overview
+Druid component to handle keyboard hotkeys with key modificators
+
+### Setup
+This is extended component. Before use it, you should register it:
+```
+local druid =  require("druid.druid")
+local hotkey =  require("druid.extended.hotkey")
+druid.register("hotkey", hotkey)
+```
+Create hotkey component with druid: `hotkey = druid:new_hotkey(keys_array, callback, [callback_argument])`
+
+### Notes
+- Hotkey callback is similar with button callback: (self, callback_argument)
+	- **self**: Druid self context
+	- **callback_argument**: *value* - Any value passed at component constructor
+- In styles, you can point the array of modificator keys. This keys should be pressed with main key to trigger the callback
+- The keys_arrays should contains one action key and any amount of modificator keys
+- You can add additional hotkeys to hotkey component with `hotkey:add_hotkey(keys_array, callback_argument)`
+
+
+## Layout
+[Layout API here](https://insality.github.io/druid/modules/Layout.html)
+
+### Overview
+Component to handle node size depends on layout mode. Unlike from Defold Adjust modes, you able to select node stretch by one size or zoom by minimum or maximum side
+
+### Setup
+This is extended component. Before use it, you should register it:
+```
+local druid =  require("druid.druid")
+local layout =  require("druid.extended.layout")
+druid.register("layout", layout)
+```
+Create layout component with druid: `layout = druid:new_layout(node, layout_mode, on_size_change_callback)`
+
+
+### Notes
+- Layout mode can be next:
+	- `const.LAYOUT_MODE.STRETCH_X` - Stretch node only by X
+	- `const.LAYOUT_MODE.STRETCH_Y` - Stretch node only by Y
+	- `const.LAYOUT_MODE.ZOOM_MIN` - Zoom node by minimal stretch multiplier
+	- `const.LAYOUT_MODE.ZOOM_MAX` - Zoom node by maximum stretch multiplier
+	- `const.LAYOUT_MODE.FIT` - Usual Defold Fit mode
+	- `const.LAYOUT_MODE.STRETCH` - Usual Defold Stretch Mode
+- The Layout component will change the node size property. So it's able to increase size of 9patch nodes without scaling issue
+- The Layout works even inside parent node with Fit adjust mode
+

docs_md/02-creating_custom_components.md

@@ -1,119 +1,157 @@
-# Creating custom components
+# Creating Custom Components
 
 ## Overview
 
-Druid allows you to create your custom components from druid basic components or other custom components.
+Druid offers the flexibility to create custom components that contain your own logic, as well as other Druid basic components or custom components. While Druid provides a set of predefined components like buttons and scrolls, it goes beyond that and provides a way to handle all your GUI elements in a more abstract manner. Custom components are a powerful way to separate logic and create higher levels of abstraction in your code.
 
-Every component is the children of Basic Druid component. Read the [basic component API here].(https://insality.github.io/druid/modules/component.html), Methods of basic components you can call via self:{method_name}
+Every component is a child of the Basic Druid component. You can call methods of basic components using `self:{method_name}`.
 
+## Custom Components
 
-## Custom components
+### Basic Component Template
+A basic custom component template looks like this (you can copy it from `/druid/templates/component.template.lua`):
 
-Basic custom component template looks like this:
 ```lua
-local const = require("druid.const")
 local component = require("druid.component")
 
-local M = component.create("my_component")
+---@class component_name : druid.base_component
+local Component = component.create("component_name")
 
--- Component constructor
-function M.init(self, ...)
+local SCHEME = {
+    ROOT = "root",
+    BUTTON = "button",
+}
+
+function Component:init(template, nodes)
+    self:set_template(template)
+    self:set_nodes(nodes)
+    self.root = self:get_node(SCHEME.ROOT)
+    self.druid = self:get_druid()
+
+    self.button = self.druid:new_button(SCHEME.BUTTON, function() end)
 end
 
--- Call only if exist interest: const.ON_UPDATE
-function M.update(self, dt)
-end
+function Component:on_remove() end
 
--- Call only if exist interest: const.ON_INPUT or const.ON_INPUT_HIGH
-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_ANGUAGECHANinterest
-function M.on_anguagechanself)
-end
-
--- Call only if component with ON_LAYOUT_CHANGE interest
-function M.on_layout_change(self)
-end
-
--- Call, if input was capturing before this component
--- Example: scroll is start scrolling, so you need unhover button
-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
-
-return M
+return Component
 ```
 
+### Full Component Template
+
+A full custom component template looks like this (you can copy it from `/druid/templates/component_full.template.lua`):
+
+```lua
+local component =  require("druid.component")
+
+---@class component_name : druid.base_component
+local Component = component.create("component_name")
+local SCHEME = {
+    ROOT = "root",
+    BUTTON = "button",
+}
+
+function Component:init(template, nodes)
+    self:set_template(template)
+    self:set_nodes(nodes)
+    self.root = self:get_node(SCHEME.ROOT)
+    self.druid = self:get_druid()
+end
+
+function Component:update(dt) end
+
+function Component:on_input(action_id, action) return false end
+
+function Component:on_style_change(style) end
+
+function Component:on_message(message_id, message, sender) end
+
+function Component:on_language_change() end
+
+function Component:on_layout_change() end
+
+function Component:on_window_resized() end
+
+function Component:on_input_interrupt() end
+
+function Component:on_focus_lost() end
+
+function Component:on_focus_gained() end
+
+function Component:on_remove() end
+
+return Component
+```
+
+### Spawning a Custom Component
+
+After creating your custom component, you can spawn it in your code. For example, if you have a component named `my_component`, you can create it like this:
 
-Add your custom component to druid via `druid.register`
 ```lua
 local druid = require("druid.druid")
 local my_component = require("my.amazing.component")
 
 function init(self)
-	druid.register("my_component", my_component)
+    self.druid = druid.new(self)
+    self.druid:new(my_component, "template_name", nodes)
 end
 ```
 
-Registering make new function with "new_{component_name}". In our example it will be: `druid:new_my_component()`.
+In the code above, `template_name` refers to the name of the GUI template file if you're using it in your custom component. `nodes` is a table obtained from `gui.clone_tree(node)`. If you're spawning multiple nodes for the component, pass the table to the component constructor. Inside the component, you need to set the template and nodes using `self:set_template(template)` and `self:set_nodes(nodes)`.
 
-Or you can create component without registering with `druid:create(my_component_module)`
+### Registering a Custom Component
+
+You can register your custom component to use it without requiring the component module in every file. Registering components is convenient for very basic components in your game. Here's how you can register a custom component in Druid:
 
-As component registered, you can create your component with next code:
 ```lua
 local druid = require("druid.druid")
 local my_component = require("my.amazing.component")
 
 function init(self)
-	self.druid = druid.new(self)
-
-	local my_component = self.druid:new_my_component(...)
-	-- or --
-	local my_component = self.druid:create(my_component, ...)
+    druid.register("my_component", my_component)
 end
 ```
 
-### Interest
-Interest - is a way to indicate what events your component will respond to.
-There is next interests in druid:
-- **ON_MESSAGE** - component will receive messages from on_message
+Once the component is registered, a new function will be available with the name "new_{component_name}". In our example, it will be `druid:new_my_component()`. With the component registered, you can create an instance of it using the following code:
 
-- **ON_UPDATE** - component will be updated from update
+```lua
+local druid = require("druid.druid")
+local my_component = require("my.amazing.component")
 
-- **ON_INPUT_HIGH** - component will receive input from on_input, before other components with ON_INPUT
+function init(self)
+    self.druid = druid.new(self)
+    self.my_component = self.druid:new_my_component(template, nodes)
+end
+```
 
-- **ON_INPUT** - component will receive input from on_input, after other components with ON_INPUT_HIGH
+## Create Druid Component Editor Script
 
-- **ON_LANGUAGE_CHANGE** - will call _on_language_change_ function on language change trigger
+Druid provides an editor script to assist you in creating Lua files for your GUI scenes. You can find the commands under the menu `Edit -> Create Druid Component` when working with *.gui scenes.
 
-- **ON_LAYOUT_CHANGE** will call _on_layout_change_ function on layout change trigger
+The script analyzes the current GUI scene and generates a Lua file with stubs for all Druid components found. The output file is named after the current GUI scene and placed in the same directory. Note that the script does not override any existing *.lua files. If you want to regenerate a file, delete the previous version first.
 
-- **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`
+The script requires `python3` with `deftree` installed. If `deftree` is not installed, the instructions will be displayed in the console.
 
-- **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`
+### Auto-Layout Components
 
-## Best practice on custom components
-On each component recommended describe component scheme in next way:
+The generator script also checks the current GUI scene for Druid components and creates stubs for them. If a node name starts with a specific keyword, the script generates component stubs in the Lua file. For example, nodes named `button` and `button_exit` will result in the generation of two Druid Button components with callback stubs.
+
+Available keywords:
+- `button`: Adds a [Druid Button](01-components.md#button) component and generates the callback stub.
+- `text`: Adds a [Druid Text](01-components.md#text) component.
+- `lang_text`: Adds a [Druid Lang Text](01-components.md#lang-text) component.
+- `grid` or `static_grid`: Adds a [Druid Static Grid](01-components.md#static-grid) component. You should set up the Grid prefab for this component after generating the file.
+- `dynamic_grid`: Adds a [Druid Dynamic Grid](01-components.md#dynamic-grid) component.
+- `scroll_view`: Adds a [Druid Scroll](01-components.md#scroll) component. It also adds a `scroll_content` node with the same postfix. Ensure that it's the correct node.
+- `blocker`: Adds a [Druid Blocker](01-components.md#blocker) component.
+- `slider`: Adds a [Druid Slider](01-components.md#slider) component. You should adjust the end position of the Slider after generating the file.
+- `progress`: Adds a [Druid Progress](01-components.md#progress) component.
+- `timer`: Adds a [Dr
+
+uid Timer](01-components.md#timer) component.
+
+## Best Practices for Custom Components
+
+When working with each component, it's recommended to describe the component scheme in the following way:
 
 ```lua
 -- Component module
@@ -122,31 +160,22 @@ local component = require("druid.component")
 local M = component.create("your_component")
 
 local SCHEME = {
-	ROOT = "root",
-	ITEM = "item",
-	TITLE = "title"
+    ROOT = "root",
+    ITEM = "item",
+    TITLE = "title"
 }
 
 function M.init(self, template_name, node_table)
-	-- If component use template, setup it:
-	self:set_template(template_name)
+    self:set_template(template_name)
+    self:set_nodes(node_table)
 
-	-- If component was cloned with gui.clone_tree, pass his nodes
-	self:set_nodes(node_table)
+    local root = self:get_node(SCHEME.ROOT)
+    local druid = self:get_druid()
 
-	-- helper can get node from gui/template/table
-	local root = self:get_node(SCHEME.ROOT)
-
-	-- This component can spawn another druid components:
-	local druid = self:get_druid()
-
-	-- Button self on callback is self of _this_ component
-	local button = druid:new_button(...)
+    -- Create components inside this component using the inner druid instance
 end
-
 ```
 
+## The Power of Using Templates
 
-## Power of using templates
-
-You can use one component, but creating and customizing templates for them. Templates only requires to match the component scheme.
+With Druid, you can use a single component but create and customize templates for it. Templates only need to match the component scheme. For example, you can have a component named `player_panel` and two GUI templates named `player_panel` and `enemy_panel` with different layouts. The same component script can be used for both templates.

docs_md/03-styles.md

@@ -37,7 +37,7 @@ local my_style = require("my.amazing.style")
 
 local function init(self)
 	self.druid = druid.new(self)
-	self.button = self.druid:new_button(self, "node")
+	self.button = self.druid:new_button("node", function() end)
 	-- Setup custom style for specific component
 	self.button:set_style(my_style)
 end
@@ -50,10 +50,10 @@ The most components have their styles. You can explore it on [Druid API](https:/
 
 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)
+Example: [default druid style](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)`
+- Set style for concrete instance via `component:set_style(style)`

docs_md/04-druid_assets.md

@@ -1,8 +0,0 @@
-# Druid assets
-
-## Overview
-I've created [druid-assets repository](https://github.com/Insality/druid-assets) to make a _marketplace_ with  custom styles and components.
-
-Any of Druid users can push their own components and styles to share it with the other users
-
-Also, this marketplace is great example to how you can create your custom components

docs_md/05-examples.md

@@ -1,6 +0,0 @@
-# Examples
-
-## Overview
-See the [example folder](https://github.com/Insality/druid/tree/develop/example/kenney) for examples of how to use Druid
-
-Try the [HTML5 version](https://insality.github.io/druid/druid/) of the example app

docs_md/FAQ.md

@@ -0,0 +1,36 @@
+# Druid FAQ
+
+Welcome to the Druid FAQ! Here are answers to some common questions you may have:
+
+### Q: How do I remove a Druid component instance?
+**A:** To remove a created Druid component, use the `druid:remove` function. You can find more information in the [API reference](https://insality.github.io/druid/modules/druid_instance.html#druid:remove).
+
+### Q: How does Druid process input?
+**A:** Input processing in Druid follows a Last-In-First-Out (LIFO) queue. Buttons added later have higher priority than those added earlier. To ensure correct button behavior, place your buttons from back to front in most cases.
+
+### Q: What is the purpose of the Blocker component?
+**A:** The Blocker component is used to block input in a specific zone. It is useful for creating unclickable zones within buttons or for creating a panel of buttons on top of another button (e.g., closing windows by clicking on the window background). You can find more information about the Blocker component [here](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#notes-2).
+
+### Q: What can I do with custom components?
+**A:** With custom components in Druid, the possibilities are endless! Custom components allow you to separate component placement and game logic from other elements, making them reusable and easier to test and develop. Custom components can be used for scroll elements with buttons, custom GUI widgets, or even components with custom game logic. Templates often accompany custom components, allowing you to create multiple visual variations for a single component module. You can find some examples of custom components [here](https://github.com/Insality/druid-assets).
+
+### Q: How does `self:get_node()` work?
+**A:** The `self:get_node()` function in a Druid component searches for nodes in the GUI directly or in cloned nodes created using `gui.clone_tree()`. It also considers nodes placed as templates, with the full node ID composed of the template name and node name (including cloned nodes). To ensure correct usage of `self:get_node()`, set up the component nodes using `self:set_template()` and `self:set_component_nodes()` before calling `self:get_node()`. It's best to pass the string name of the node, rather than the GUI node itself.
+
+### Q: My button in a scroll is clickable outside the stencil node. How can I fix this?
+**A:** When using Druid, the stencil node does not prevent buttons from being clickable outside its bounds. To address this, you can set up an additional click zone on your buttons using the `button:set_click_zone()` function. After adding a button to the scroll, you can use the following code:
+```lua
+-- Assuming the scroll view node is the stencil node
+button:set_click_zone(scroll.view_node)
+```
+
+### Q: How do I use EmmyLua annotations? (from Druid 0.6.0)
+**A:** EmmyLua annotations are used for better autocompletion and type inference in editors. To use the generated EmmyLua annotations, copy the `druid/annotations.lua` file to your project. After copying, you may need to restart the EmmyLua server to ensure the changes take effect. Once the annotations are processed, you can specify the type of Druid in your code:
+```lua
+---@type druid
+local druid = require("druid.druid")
+
+-- Autocomplete and type information should now work
+```
+
+Feel free to ask any additional questions you have about Druid!

docs_md/advanced-setup.md

@@ -0,0 +1,131 @@
+# Advanced Druid Setup
+
+
+## Input Bindings
+
+By default, **Druid** utilizes the `/builtins/input/all.input_binding` for input bindings.
+
+**Druid** requires the following input bindings:
+
+- Mouse trigger: `Button 1` -> `touch` (for basic input components)
+- Mouse trigger: `Wheel up` -> `mouse_wheel_up` (for Scroll component)
+- Mouse trigger: `Wheel down` -> `mouse_wheel_down` (for Scroll component)
+- Key trigger: `Backspace` -> `key_backspace` (for BackHandler component, input component)
+- Key trigger: `Back` -> `key_back` (for BackHandler 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` -> `touch_multi` (for Scroll component)
+
+![](../media/input_binding_2.png)
+![](../media/input_binding_1.png)
+
+
+## Changing Key Bindings
+
+If you need to use your own key bindings or key names, you can modify them in your *game.project* file.
+
+Here are the default values for key bindings:
+```
+[druid]
+input_text = text
+input_touch = touch
+input_marked_text = marked_text
+input_key_esc = key_esc
+input_key_back = key_back
+input_key_enter = key_enter
+input_key_backspace = key_backspace
+input_multitouch = touch_multi
+input_scroll_up = mouse_wheel_up
+input_scroll_down = mouse_wheel_down
+```
+
+
+## Input Capturing
+
+By default, **Druid** automatically captures input focus if any input component is created. Therefore, you do not need to call `msg.post(".", "acquire_input_focus")`.
+
+If you do not require this behavior, you can disable it by setting the `druid.no_auto_input` field in the _game.project_ file:
+```
+[druid]
+no_auto_input = 1
+```
+
+
+## Template Name Check
+
+By default, **Druid** automatically checks the parent component's template name to construct the full template name for the component. It's used in user custom components.
+
+If, for some reason, you want to pass the full template name manually, you can disable this feature by setting the `druid.no_auto_template` field in the _game.project_ file:
+
+```
+[druid]
+no_auto_template = 1
+```
+
+
+## Stencil Check
+
+When creating input components inside stencil nodes, **Druid** automatically sets up `component:set_click_zone()` during the _late_init_ component step to restrict input clicks outside of the stencil zone. This is particularly useful for buttons inside scroll stencil nodes.
+
+To disable this feature, add the following field to your _game.project_ file:
+```
+[druid]
+no_stencil_check = 1
+```
+
+
+## Code Bindings
+
+Adjust **Druid** settings as needed:
+```lua
+local druid = require("druid.druid")
+
+-- Used for button component and custom components
+-- The callback should play the sound by name: function(sound_id) ... end
+druid.set_sound_function(function(sound_id)
+    -- sound_system.play(sound_id)
+end)
+
+-- Used for lang_text component
+-- The callback should return the localized string by locale ID: function(locale_id) ... end
+druid.set_text_function(function(locale_id)
+	-- return lang.get(locale_id)
+end)
+
+-- Used to change the default Druid style
+druid.set_default_style(your_style)
+
+-- Call this function when the language changes in the game,
+-- to retranslate all lang_text components:
+local function on_language_change()
+    druid.on_language_change()
+end
+
+-- Call this function inside window.set_listener
+-- to capture game focus lost/gained callbacks:
+-- window.set_listener(function(self, event, data) druid.on_window_callback(event, data) end))
+local function on_window_callback(self, event, data)
+    druid.on_window_callback(event)
+end
+window.set_listener(on_window_callback)
+```
+
+
+## EmmyLua Annotations
+
+[EmmyLua](https://emmylua.github.io/annotation.html) is a Lua annotation library. It is a useful tool for enabling Lua code autocompletion in editors such as [VSCode](https://github.com/EmmyLua/VSCode-EmmyLua) and [IntelliJ IDEA](https://github.com/EmmyLua/IntelliJ-EmmyLua).
+
+Since dependencies cannot be processed by external editors, to use the EmmyLua annotations, you should copy the _druid/annotations.lua_ file to your project.
+
+Remember that you can restart the EmmyLua server to refresh the changes if something goes wrong.
+
+After the annotations are processed, you should specify the type of "Druid" in the "require" statement:
+
+```lua
+---@type druid
+local druid = require("druid.druid")
+
+-- Now the autocomplete is working
+```
+
+<img src="../media/emmy_lua_preview.png" width="700">

docs_md/changelog.md

@@ -1,4 +1,4 @@
-Druid 0.3.0:
+### Druid 0.3.0:
 
 - `Druid:final()` now is important function for correct working
 
@@ -42,7 +42,7 @@ Druid 0.3.0:
 
 
 
-Druid 0.4.0:
+### Druid 0.4.0:
 
 - Add _Drag_ basic component
 	- Drag component allow you detect dragging on GUI node
@@ -66,7 +66,7 @@ Druid 0.4.0:
 		- _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)
+	- Different anchoring is supported (for easier layout)
 	- 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
@@ -93,14 +93,410 @@ Druid 0.4.0:
 - **Fix #53:** Bug with final _Druid instance_ without any components
 
 
-Druid 0.5.0:
+### Druid 0.5.0:
+
+Besides a lot of fixes (thanks for feedback!) two components was add: _StaticGrid_ and _DynamicGrid_ instead of usual _Grid_ component (it is deprecated now).
+Add _component:set_input_enabled_ for basic component class. So you can enable/disable user input for any component.
+Finaly implemented _on_layout_changed_ support. Druid components now will try keep their data between layout changing! You also can use this callback in your custom components.
+Also check _component.template.lua_ what you can use for your own custom components!
+
+- **#77** Grid update:
+	- The _grid_ component now is __deprecated__. Use _static_grid_ instead. Druid will show you deprecated message, if you still using _grid_ component
+	- __[BREAKING]__ Remove the _grid:set_offset_ grid functions. To adjust the distance between nodes inside grid - setup correct node sizes
+	- Add _static_grid_ component
+		- The behaviour like previous _grid_ component
+		- Have constant element size, so have ability to precalculate positions, indexes and size of content
+		- By default, not shifting elements on removing element. Add _is_shift_ flag to _static_grid:remove_ function
+		- This grid can spawn elements with several rows and columns
+	- Add _dynamic_grid_ component
+		- Can have different element size. So have no ability to precalculate stuff like _static_grid_
+		- This grid can't have gaps between elements. You will get the error, if spawn element far away from other elements
+		- The grid can spawn elements only in row or in column
+		- The grid node should have __West__, __East__, __South__ or __North__ pivot (vertical or horizontal element placement)
+		- Able to shift nodes left or right on _grid:add_ / _grid:remove_ functions
+- Scroll update:
+	- Add _scroll:set_vertical_scroll_ and _scroll:set_horizontal_scroll_ for disable scroll sides
+	- Add _scroll:bind_grid_ function. Now is possible to bind Druid Grid component (Static or Dynamic) to the scroll for auto refresh the scroll size on grid nodes changing
+- **#37** Add _on_layout_change_ support. Druid will keep and restore GUI component data between changing game layout. Override function _on_layout_change_ in your custom components to do stuff you need.
+- **#85** Move several components from `base` folder to `extended`. In future to use them, you have to register them manually. This is done for decrease build size by excluding unused components
 - **Fix #61:** Button component: fix button animation node creation
 - **Fix #64:** Hover component: wrong mouse_hover default state
 - **Fix #71:** Blocker: blocker now correct block mouse hover event
 - **Fix #72:** Fix `return nil` in some `on_input` functions
-- **Fix #74:** Fix typo: strech -> stretch. Scroll function `set_extra_stretch_size` renamed
+- **Fix #74:** __[BREAKING]__ Fix typo: strech -> stretch. Scroll function `set_extra_stretch_size` renamed
 - **Fix #76:** Add params for lang text localization component
-- **Fix #79:** Fix druid:remove inside on_input callback
-- **Fix #80:** Fix hover set_enable typo function call
-- Add `component.tempalte.lua` as template for Druid custom component
+- **Fix #79:** Fix _druid:remove_ inside on_input callback
+- **Fix #80:** Fix _hover:set_enable_ typo function call
+- **Fix #88:** Add _component:set_input_enabled_ function to enable/disable input for druid component. Now you can disable input of any druid component, even complex (with other components inside)
+- Add `component.template.lua` as template for Druid custom component
+- Update the example app
 
+
+### Druid 0.6.0:
+
+Hey! Are you tired from **Druid** updates? _(It's a joke)_
+
+Finally, got a time to release component to process huge amount of data. So introducing: **DataList** component. It can help solve your problem with `GUI nodes limit reached` and helps with scroll optimization. Give feedback about it!
+
+The next important stuff is **EmmyLua** docs. I'm implemented EmmyLua doc generator from LuaDoc and Protofiles, so now you can use EmmyLua annotations inside your IDE instead of website API looking or source code scanning.
+
+Also the **Druid examples** is reworked, so each example will be in separate collection. Now it's become a  much easier to learn Druid via examples. A lot of stuff in progress now, but you already can see on it!
+
+Input priority got reworked too. Now instead of two input stacks: usual and high, Druid use simple input priority value.
+
+And I should note here are several breaking changes, take a look in changelogs.
+
+Wanna something more? [Add an issues!](https://github.com/Insality/druid/issues)
+Have a good day.
+
+
+**Changelog 0.6.0**
+---
+
+- **#43** Add **DataList** Druid extended component. Component used to manage huge amount of data to make stuff like _infinity_ scroll.
+	- This versions is first basic implementation. But it should be enough for almost all basic stuff.
+	- Create Data List with `druid:new_data_list(scroll, grid, create_function)`.
+		-	_scroll_ - already created __Scroll__ component
+		-	_grid_ - already created __StaticGrid__ or __DynamicGrid__ component
+		-	_create_function_ - your function to create node instances. This callback have next parameters: `fun(self, data, index, data_list)`
+			-	_self_ - Script/Druid context
+			-	_data_- your element data
+			-	_index_ - element index
+			-	_data_list_ - current __DataList__ component
+	- Create function should return root node and optionaly, _Druid_ component. It's required to manage create/remove lifecycle
+	-	Set data with `data_list:set_data({...})`
+	-	In current version there is no `add/remove` functions
+- Add EmmyLua annotations (_ta-daaa_). See how to [use it FAQ](https://github.com/Insality/druid/blob/develop/docs_md/FAQ.md)!
+- Add context argument to Druid Event. You can pass this argument to forward it first in your callbacks (for example - object context)
+-  Add _SHIFT_POLICY_ for _Static_ and _Dynamic_ Grids. It mean how nodes will be shifted if you append data between nodes. There are `const.SHIFT.RIGHT`, `const.SHIFT.LEFT` and `const.SHIFT.NO_SHIFT`.
+	- __[BREAKING]__ Please check your `StaticGrid:remove` and `DynamicGrid:remove` functions
+- **#102** __[BREAKING]__ Removed `component:increase_input_priority` component function. Use `component:set_input_priority` function instead. The bigger priority value processed first. The value 10 is default for Druid components, the 100 value is maximum priority for acquire input in _drag_ and _input_ components
+	- Add constants for priorities: _const.PRIORITY_INPUT_, _const.PRIORITY_INPUT_HIGH_, _const.PRIORITY_INPUT_MAX_.
+	- __[BREAKING]__ If you use in you custom components interest: `component.ON_INPUT_HIGH` you should replace it with `component.ON_INPUT` and add `const.PRIORITY_INPUT_HIGH` as third param. For example:
+		_before:_
+		```lua
+		local Drag = component.create("drag", { component.ON_INPUT_HIGH })
+		```
+		_after:_
+		```lua
+		local Drag = component.create("drag", { component.ON_INPUT }, const.PRIORITY_INPUT_HIGH)
+		```
+- Lang text now can be initialized without default locale id
+- Input component: rename field _selected_ to _is_selected_ (according to the docs)
+- **#92** Setup repo for CI and unit tests. (Yea, successful build and tests badges!)
+- **#86** Fix a lot of event triggers on scroll inertia moving
+- **#101** Fix scroll to other node instead of swipe direction with scroll's points of interest (without inert settings)
+- **#103** Add `helper.centate_nodes` function. It can horizontal align several Box and Text nodes
+- **#105** Add `Input:select` and `Input:unselect` function.
+- **#106** Add `Input.style.IS_UNSELECT_ON_RESELECT` style param. If true, it will be unselect input on click on input box, not only on outside click.
+- **#108** Add component interests const to `component.lua`
+- **#116** You can pass Text component in Input component instead of text node
+- **#117** Move each Druid example in separate collection. It's a lot of easier now to learn via examples, check it!
+	- Examples in progress, so a lot of stuff are locked now, stay tuned!
+- **#118** Druid.scroll freezes if held in one place for a long time
+- **#123** Add scroll for Scroll component via mouse wheel or touchpad:
+	- Added Scroll style params: `WHEEL_SCROLL_SPEED`, `WHEEL_SCROLL_INVERTED`
+	- Mouse scroll working when cursor is hover on scroll view node
+	- Vertical scroll have more priority than horizontal
+	- Fix: When Hover component node became disabled, reset hover state (throw on_hover and on_mouse_hover events)
+	- By default mouse scroll is disabled
+	- This is basic implementation, it is work not perfect
+- **#124** Add `Scroll:set_click_zone` function. This is just link to `Drag:set_click_zone` function inside scroll component.
+- **#127** The `druid:create` is deprecated. Use `druid:new` for creating custom components
+
+
+### Druid 0.7.0:
+
+Hello! Here I'm again with new Druid stuff for you!
+
+The feature I want a long time to deliver for you: the different Text size adjust modes. Druid use the text node sizes to fit the text into this box.
+There are new adjust modes such as Trim, Scroll, Downscale with restrictions and Downscale + Scroll. You can change default adjust mode via text style table, but by default there is no changes - it's downscale adjust mode as before.
+I'll hope it can be useful for you for in different cases and now it will be much easy to fit all your texts for different languages!
+
+The next features is made for add more control for availability of user input. So meet the whitelists, blacklists and custom check functions for Buttons. Now you can easily choose the more suitable way to enable/disable/restrict input for you users. I'm sure it can be useful for you tutorials.
+
+Another small, but cool feature on my mind is `druid.stencil_check`. If you did interactive elements inside the Scroll, probably you used `component:set_click_zone` to restrict input zone by stencil scroll view node. With this feature, Druid will do it automaticaly for you! You can enable this feature in your `game.project`. It will not override you existing `set_click_zone`.
+
+Now you even able to remap default input keys! Also there are several bugfixes with Scroll, Text, Grids.
+
+Wanna something more? [Add an issues!](https://github.com/Insality/druid/issues)
+Good luck!
+
+
+**Changelog 0.7.0**
+---
+
+- **#78** [Text] Update Text component:
+	- Add text adjust type instead of _no_adjust_ param.
+		- const.TEXT_ADJUST.DOWNSCALE - Change text's scale to fit in the text node size
+		- const.TEXT_ADJUST.TRIM - Trim the text with postfix (default - "...", override in styles) to fit in the text node size
+		- const.TEXT_ADJUST.NO_ADJUST - No any adjust, like default Defold text node
+		- const.TEXT_ADJUST.DOWNSCALE_LIMITED - Change text's scale list downscale, but there is limit for text's scale
+		- const.TEXT_ADJUST.SCROLL - Change text's pivot to imitate scrolling in the text box. Use with stencil node for better effect.
+		- const.TEXT_ADJUST.SCALE_THEN_SCROLL - Combine two modes: first limited downscale, then scroll
+- **#110** [Button] Add `Button:set_check_function(check_function, failure_callback)` function to add your custom click condition to button.
+	- `Button:set_enabled` has more priority than this to check button availability
+	- The `check_function` should return _true_ of _false_. If true - button can be clicked by user
+	- The `failure_callback` will be called if `check_function` will return false
+	- Example with `set_check_function` in general:buttons example collection
+- **#66** Add `druid:set_whitelist()` and `druid.set_blacklist()` functions. It's affects only on input process step, you can allow/forbid interact with list of specific components
+	- You can pass array of components, single component or nil in these functions
+- **#111** Add autocheck for input and stencil nodes. To enable this feature, add `druid.stencil_check = 1` to your _game.project_ file.
+	- This feature is using for auto setup `component:set_click_zone` to restrict clicks outside scrolls zone for example. Now you can don't think about click zone and let Druid do it instead of you!
+	- Add `helper.get_closest_stencil_node` function to get closest parent of non inverted stencil node
+	- Add `component.ON_LATE_INIT` interest. Component with this will call `component.on_late_init` function once after component init on update step. This can be used to do something after all gui components are inited
+- **#81** Add ability to interact with Druid input via messages:
+	- Currently add for Button and Text component only:
+		- Send to _gui.script_ message: `druid_const.ON_MESSAGE_INPUT`. The message table params:
+			- `node_id` - the name of the node with component on it
+			- `action` - value from `druid_const.MESSAGE_INPUT`. Available values:
+				- **BUTTON_CLICK** - usual button click callback
+				- **BUTTON_LONG_CLICK** - button long click callback
+				- **BUTTON_DOUBLE_CLICK** - button double click callback
+				- **BUTTON_REPEATED_CLICK** - button repeated click callback
+				- **TEXT_SET** - set text for Text component
+			- `value` - optional field for several actions. For example value is text for **TEXT_SET**
+	- Add Druid component interest: `component.ON_MESSAGE_INPUT`
+	- Implement new interest via function `component:on_message_input(node_id, message)`
+	- See **System: Message input** example
+- **#131** [Static Grid] Add style param: `IS_DYNAMIC_NODE_POSES` (default: false). Always align by content size with node anchor.
+	- If true - Static Grid will by always align to content anchor.
+	- If false (currently behaviour) - all poses for static grid is predefined and not depends on element's count (see example: static grid and static grid with dynamic poses)
+- **#125** Now `component:set_input_priority()` affects on all component's children too
+- **#143** Update all lang components on `druid.set_text_function` call
+- **#112** Allow remap default Druid input bindings via `game.project`
+- **#107** [Text] Better scale text adjust by height for multiline text nodes (but still not perfect)
+- **#144** [Scroll] Fix some glitches with scroll Points of Interest. Remove false detection of scroll stopped.
+- **#142** [Scroll] Add Scroll style param `WHEEL_SCROLL_BY_INERTION` (default - false). If true - mouse wheel will add inertion to scroll, if false - set position directly per mouse wheel event.
+	- This fix caused because Mac trackpad seems have additional mouse wheel events for simulate inertion. If you uncomfortable with this, you can disable `WHEEL_SCROLL_BY_INERTION` for more controllable scroll by mouse wheel.
+- **#132** Add example with grid add/remove with animations
+
+
+### Druid 0.8.0
+Hello!
+
+In this Druid update no any huge special features. Mostly the bug fixes and reworking the component's interest points. If you used interests in your custom components, you should remove it from `component.create` and all should works as before.
+
+Also added last row allignment in Static Grid component with "dynamic content poses" style enabled. You can look how it is work here: https://insality.github.io/druid/druid/?example=grid_static_grid_dynamic_pos
+
+
+You can say thanks to me via stars on GitHub! :wink:
+Wanna something more? [Add an issues!](https://github.com/Insality/druid/issues)
+Have a nice day!
+
+
+**Changelog 0.8.0**
+
+---
+
+-  **#160** __[BREAKING]__ Remove component interests list
+	- The component interests now setup via function declaration inside your components. The functions are still the same.
+	- Now `component.create` function have next signature: _create(component_name, input_priority)_
+	- Your should remove interests list from your custom components if exists
+		- From `component.create("custom", { component.ON_INPUT, component.ON_LATE_INIT }, const.PRIORITY_INPUT_HIGH)` to
+`component.create("custom", const.PRIORITY_INPUT_HIGH)`
+-  **#166**  [Input] Fix issue with Cyrillic symbols in range "[А-я]"
+-  **#162** [Static Grid] Add last row alignment with dynamic content poses enabled
+	- Add style param: _static_grid.IS_ALIGN_LAST_ROW_, true by default. Works only if _static_grid.IS_DYNAMIC_NODE_POSES_ enabled. See the "Static grid with dynamic poses" example.
+-  **#163** [Lang Text] Set default locale_id value from text node
+-  **#147** [Lang Text] Remove `...` from lang_text to fixed arguments, add _format_ function to change only string format arguments
+	- There are some issues with `...`. Now Lang Text will support up to 7 _string.format_ arguments
+- [Lang Text] Add more self chaining to Lang text component (_set_to_, _translate_ and _format_ functions)
+-  **#151**  [Text] Fix text adjust by height
+	- It still have not perfect fitting, but it's good enough!
+-  **#164 #150**  [Scroll] Fix `scroll:scroll_to_percent` by Y position
+-  **#148**  [Scroll] Remove scroll inertion after scroll `animate` or `set_to` functions
+-  [Input] Add current text argument to _on_input_unselect_ event
+-  **#152**  [Checkbox] Add _is_instant_ argument to  `set_state` function
+	- Add _initial_state_ argument to Checkbox component constructor
+	- Update Checkbox style, add _is_instant_ param
+-  **#149**  [Button] Call button style functions after actual callback
+-  **#153** System: Mode Druid acquire input to late_init step
+	- Required to solve issues, when go input acquire can be later, when gui input acquire (on init step)
+-  **#154** System: Change text adjust const to strings
+-  **#155** Fix: Add margin to total width calculation in `helper.centrate_nodes`
+
+
+### Druid 0.9.0
+_Custom components update_
+
+Hello!
+
+Here is the long awaited update! Finally I implemented some ideas how to make easier creating custom components. There is a bunch of improvements you can be interested in.
+
+I wanna make a point that Druid is not only set of defined components to place buttons, scroll, etc. But mostly it's a way how to handle all your GUI elements in general. Custom components is most powerful way to separate logic and make higher abstraction in your code.
+
+Usually - custom components is set of GUI template and lua code for this template. I've added editor script, that can make a lua component file from your GUI scene (all boilerplate and usage code, also some component that can be defined right in GUI scene).
+
+Auto layout from GUI script should be a powerful tool too! Also it's brings some code structure and style across all your files. Auto layout works from node names. If its starts or equal to some string, it will add code to generated lua file. For example, if you have in your scene node with name "button_start", it will create the Druid button, stub function and annotations to this. Sounds good!
+
+For more information see [Create custom components](docs_md/02-creating_custom_components.md) documentations.
+
+Also this update have some breaking changes: you should no more pass full tempalte name in inner components and the second one is renaming `text:get_text_width` to `text:get_text_size`.
+
+The Defold 1.3.0 solves the old my issue with slider component. Now you can define input zone (not only the slider pin node) to interact with slider. It's because of inroduction `gui.screen_to_local` and `gui.set_screen_position` in default GUI api. If you using previuos Defold releases, this piece of logic will be ignored.
+
+The Druid Assets repository will be closed and I move some components right in Druid repository. You can now use custom components in your game if your need. Right now it's Rich Input (input field with cursor and placegolder) and Pin Knob (Rotating node for set value). And slowly working on adding new examples and improvements of existing ones.
+
+You can say thanks to me via stars on GitHub! :wink:
+Also you can help with testing new functions and leave feedback.
+Wanna something more? [Add an issues!](https://github.com/Insality/druid/issues)
+Take care of yourself
+
+
+**Changelog 0.9.0**
+
+---
+
+-  **#119** Add **Create Druid Component** editor script *(python3 with deftree required)*
+	- The headliner of current update. This editor scripts allows you to create Custom component lua script from you *.gui* scene file. It will create component file with the same name as GUI scene and place it nearby. Inside this generated file you will find the instructions how to start usage this (require and create code).
+	- This code contains GUI scheme, basic component boilerplace and generated code for components, used in this GUI scene (see #159)
+	- See [Create custom components](docs_md/02-creating_custom_components.md) for more info
+-  **#159** Add auto layout custom components by node naming
+	- The **Create Druid Component** script will check the node names to create Druid components stubs inside generated code
+	- The generator will check the node name, if it's starts from special prefix, it will create component code for you
+	- Currently support the next components: `button`, `text`, `lang_text`, `grid`, `static_grid`, `dynamic_grid`, `scroll_view`, `blocker`, `slider`, `progress` and `timer`
+-  **#158** **[BREAKING]** Auto `get_node` inside inner components with template/nodes
+	- Before this update, if your component with template using another component with template, you had to pass full template name (`current_template .. "/" .. inner_component_template`). From this update you should pass only the `inner_component_template` name. It's will auto check the parent component template name to build full template path
+	- If you don't want migrate code for this, this option can be disabled via `druid.no_auto_template` in your _game.project_ file. By default it's enabled now
+-  **#171** Add `component:get_template()` function to **Druid** Base Component
+	- Now it's able to get full component template name. This function has "protected" scope, so you should use it only inside your component code.
+-  **#173** Fix GUI nodes usage inside inner templates
+	- Now you can pass the node name instead of node itself to Druid components inside your Custom Components. Before this update Druid didn't check the nodes in parent component (usually for basic components such as button, text inside your components)
+	- So you can use now `self.druid:new_button(SCHEME.BUTTON)` instead of `self.druid:new_button(self:get_node(SCHEME.BUTTON))` inside your custom components
+-  **#174** Add assert to nil node on `self:get_node()`
+	- It's required for easier debuging components, when GUI node path is wrong and your got the nil. The error with node path will appear in console.
+-  **#169** [System] Fix on_layout_change event
+	- It was broken, now the on_layout_change event is working as expected
+-  **#165** [StaticGrid] Add `static_grid:set_in_row(amount)` function
+-  **#44** [Slider] Click zone on all slider node, not only pin node
+	- Finally! Added the `slider:set_input_node(node)` function. Now slider can be interacted not only with slider pin node, but with any zone you will define.
+	- It will work only from Defold 1.3.0. If you use earlier version, nothing is happened. It using new `gui.screen_to_local` and `gui.set_screen_position` functions.
+- **#178** **[BREAKING][Text]** Rename `text:get_text_width` to `text:get_text_size`. Now it return two numbers: width and height
+-  **#114** Add default component templates
+	- Added templates for fast prototyping. Use GUI templates to place buttons, checkbox, input and sliders on your GUI scene. You still have to create component with `druid:new` functions inside gui_script.
+-  **#168** Add button to open code of current example
+	- Inside every example added button to open code of this example on GitHub
+-  **#140** Better documentation for custom components
+-  **#172** Update documentation with links to components
+	- The docs in (https://insality.github.io/druid/) now have cross links for every custom type
+-  **#175** Remove Druid Assets repository, move to Druid library
+	- Added folder `druid/custom`. It will have the complex custom components. Usually you should to use default GUI template or create your own with similar GUI scheme. Currently add `RichInput` and `PinKnob` components from druid-assets repository.
+	- Usually to use custom component you have to require lua file first and create it's via `druid:new(Component, template_name, [nodes])`. See component docs to see constructor params.
+	- This components will be included in build only if used
+-  **#176** Keep last scene and scroll position in Druid example
+	- Probably, it's useful for faster debug, but anyway. The example now keep the last scene and scroll position.
+- Add new examples: Checkboxes, Swipe, Grid, Rich input, Pin knob
+- Now editor scripts are available in Druid as dependency
+- Move emmylua annotations inside Druid dependency folder. You can copy it from Defold Editor outline
+- Optimize different stuff(Scroll, Druid Event, Druid instance and Base component)
+- Force Data List component to `IS_DYNAMIC_NODE_POSES = false` style
+
+
+### Druid 0.10.0
+
+Hello! Here is new Druid update. It's brings to you two new components: Layout and Hotkey. Both components are "extended", so to use it, you should register it first (when you try to use it, in console will be prompt with code you should use)
+
+In general:
+```
+local layout =  require("druid.extended.layout")
+druid.register("layout", layout)
+```
+
+The Drag component now knows about window scaling, so now it have more accuracy dx/dy values depends on the screen size. The scroll and other components should work better :)
+
+Now you can change the input priority of components temporary. For example while you interact with them (input fields, drag on select etc).
+
+Also the update brings several bug fixes and now **Druid** have stencil_check mode enabled by default. It should be more easy to use input components with stencil nodes without manual `set_click_zone` functions.
+
+And yeah, the new **Druid** logo is here!
+
+**Changelog 0.10.0**
+
+---
+
+- **#133** [Hotkey] Add new extended component: Hotkey
+	- It's allow you set hotkeys to call callbacks
+	- You should pass one action key and several modificator keys (left shift, right ctrl etc)
+	- List of modificator keys ids setup via component style (you can change it)
+	- You can add several hotkeys on one callback via `hotkey:add_hotkey` with additional params
+- **#98** [Layout] Add new extended component: Layout
+	- It's allow you to extend standart Defold node adjust modes
+	- Layout mode can be next:
+		- `const.LAYOUT_MODE.STRETCH_X` - Stretch node only by X
+		- `const.LAYOUT_MODE.STRETCH_Y` - Stretch node only by Y
+		- `const.LAYOUT_MODE.ZOOM_MIN` - Zoom node by minimal stretch multiplier
+		- `const.LAYOUT_MODE.ZOOM_MAX` - Zoom node by maximum stretch multiplier
+		- `const.LAYOUT_MODE.FIT` - Usual Defold Fit mode
+		- `const.LAYOUT_MODE.STRETCH` - Usual Defold Stretch Mode
+	- The Layout changes the node size property. So it's look much better if you use 9slice nodes
+	- Works even the node parent is have Fit adjust mode
+- **#200** [Scroll] Glitch if content size equals to scroll view size in runtime
+- **#201** [DataList] Update DataList:
+	- Add two events: `on_element_add` and `on_element_remove`
+	- Add `data_list:get_data()` to access all current data in DataList
+	- Add `data_list:get_created_nodes()` to access currently visual nodes in DataList
+	- Add `data_list:get_created_components()` to access currenly visual component in DataList (if created)
+- **#190** [Progress] Add `progress:set_max_size` function to change max size of progress bar
+- **#188** [Drag] Add two values passed to on_drag callback. Now it is `on_drag(self, dx, dy, total_x, total_y)` to check the overral drag distance
+- **#195** [Drag] Add `drag:is_enabled` and `drag:set_enabled` to enable/disable drag input component
+- **#186** [Grid] Fix: Method `set_in_row` works incorrectly with IS_DYNAMIC_NODE_POSES style option
+- **#185** [System] Add `on_window_resized` component interest. It will called on game window size changes
+- **#189** [System] Add optional flag to `component:set_input_priority` to mark it as temporary. It will reset to default input priority after the `component:reset_input_priority`
+- **#204** [System] Fix: wrong code example link, if open example from direct URL
+- **#202** [System] Enabled stencil check to true by default. To disable this, use `druid.no_stencil_check` in game.project settings
+- [Examples] Add layout, layout fit, progress bar, data list + component examples
+
+
+### Druid 0.11.0
+Hello! What a wonderful day for the new **Druid** update!
+
+Alright, let's get straight to the point. Look at what I have for you!
+
+**Druid Rich Text** has finally been released. The main difference from the existing **Bjorn's** Rich Text is that all visual parameters are customizable directly in the GUI. This allows you to integrate **Rich Text** more accurately and quickly. Additionally, this **Rich Text** aligns pixel perfect (well, [almost](https://github.com/defold/defold/issues/7197)) with regular GUI text node.
+
+This version is the most basic one. Honestly, just wanna to publish current version for your and polish it later. Read [RichText API here](https://insality.github.io/druid/modules/RichText.html)
+
+Another addition is the ability to enable the "HTML mode" for the Button component. In this mode, the button's action occurs in the context of `user action`, allowing operations like "copy and paste text" "show the keyboard" and more. However, in this mode, the button only responds to regular clicks due to the technical implementation of it (so no double clicks or long taps for this button).
+
+The huge work was done on documentation. Now it's more clear and have more examples. All documentation now moved to the API section. The separate `componentd.md` manual will be deleted soon as all documentation will be moved to the API section.
+
+The API section now filled with overview and usage examples. I've started with the basic modules, in future I will add more examples for all modules.
+
+Also, I've added the **Unit Tests**. It's not cover all **Druid** code, but it's a good start! 🎉
+
+Have a good day!
+
+
+**Changelog 0.11.0**
+
+---
+
+- **#191**: [RichText] Finally add **Druid [Rich Text](https://insality.github.io/druid/modules/RichText.html)** custom component. Component is used to make formatted text in your's GUI. This Rich Text mostly adjusted visually in GUI and have almost pixel-perfect match with similar GUI text node
+- **#39**: [System] Finally add **Unit Tests**. Yeah, it cover not all **Druid** code, but it's a good start! 🎉
+- **#219**: [System] UTF-8 performance optimization. Now Druid will try to use *utf8* native extension over lua utf8 library if exists. If you wanna use native utf8, just [add the extension](https://github.com/d954mas/defold-utf8) in your `game.project` dependency.
+- **#156**: [Button] Now button can work in HTML5 with `html5.set_interaction_listener`.
+	- The API is `button:set_web_user_interaction(true)`. In HTML5 mode button have several restrictions. Basically, only the single tap event will work.
+- **#227**: Update current URL in HTML5 example
+	- Now if you will open the example from direct URL, it will be updated to the current URL in your browser. So now it's much easier to share the example link with each other.
+- **#183**: Documentation about [GUI in World Space](https://forum.defold.com/t/how-to-gui-in-defold/73256#gui-in-world-coordinates-49)
+	- Also not only the GUI in World Space, but overall How to GUI in Defold article.
+- **#234**: [BREAKING][Blocker] Now `blocker:set_enabled` and `blocker:is_enabled` affects only inner state of component. To consume input, the blocker component should be enabled and the node itself should be enabled.
+- **#235**: [Drag] Fix Drag coordinates on streched screen.
+- **#236**: [Hover] Fix nil return in `hover:on_input`.
+- **#237**: [Layout] Add `layout:set_max_gui_upscale` function.
+	- This functions will scale down element, if current GUI scale is bigger than `max_gui_upscale` value. It can be useful for adapt mobile device to desktop screen.
+- **#238**: [System] Add Helper documentation.
+- [System] Now the documentation contains the **Druid** size. The current size as dependency is around **67KB**. It counted without extended components, which is not included by default in the build.
+
+
+❤️ Support ❤️
+
+Please support me if you like this project! It will help me keep engaged to update **Druid** and make it even better!
+
+[![Github-sponsors](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/insality) [![Ko-Fi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/insality) [![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/insality)
+
+
+Thanks for my the supporters:
+- [Defold Foundation](https://defold.com)
+- [Ragetto](https://forum.defold.com/u/ragetto)

docs_md/game_examples.md

@@ -0,0 +1,8 @@
+# Game Examples
+
+## Family Island
+
+## Sea Battle: Universe
+
+## Monkey Mart
+

druid.code-workspace

@@ -0,0 +1,31 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"files.exclude": {
+			"**/.git": true,         // this is a default value
+			"**/.DS_Store": true,    // this is a default value
+
+			"**/node_modules": true, // this excludes all folders
+									// named "node_modules" from
+									// the explore tree
+
+			// alternative version
+			"node_modules": true,   // this excludes the folder
+									// only from the root of
+									// your workspace
+			".internal": true,
+			"bundle": true,
+			"input": true,
+			"media": true,
+			"build": true,
+			"docs": true,
+			".github": true,
+			".deployer_cache": true,
+			"dist": true
+		}
+	}
+}

druid/base/back_handler.lua

@@ -1,38 +1,66 @@
---- Component to handle back key (android, backspace)
--- @module druid.back_handler
+-- Copyright (c) 2023 Maksim Tuprikov <insality@gmail.com>. This code is licensed under MIT license
 
---- Component events
--- @table Events
--- @tfield druid_event on_back On back handler callback
+--- Component with event on back and backspace button.
+-- <b># Overview #</b>
+--
+-- Back Handler is recommended to put in every game window to close it
+-- or in main screen to call settings window.
+--
+-- <b># Notes #</b>
+--
+-- • Back Handler inheritance @{BaseComponent}, you can use all of its methods in addition to those described here.
+--
+-- • Back Handler react on release action ACTION_BACK or ACTION_BACKSPACE
+-- @usage
+-- local callback = function(self, params) ... end
+--
+-- local params = {}
+-- local back_handler = self.druid:new_back_handler(callback, [params])
+-- @module BackHandler
+-- @within BaseComponent
+-- @alias druid.back_handler
 
---- Component fields
--- @table Fields
--- @tfield any params Params to click callbacks
+--- The @{DruidEvent} Event on back handler action.
+--
+-- Trigger on input action ACTION_BACK or ACTION_BACKSPACE
+-- @usage
+-- -- Subscribe additional callbacks:
+-- back_handler.on_back:subscribe(callback)
+-- @tfield DruidEvent on_back @{DruidEvent}
+
+--- Custom args to pass in the callback
+-- @usage
+-- -- Replace params on runtime:
+-- back_handler.params = { ... }
+-- @tfield[opt] any params
+
+---
 
 local Event = require("druid.event")
 local const = require("druid.const")
 local component = require("druid.component")
 
-local M = component.create("back_handler", { const.ON_INPUT })
+local BackHandler = component.create("back_handler")
 
 
---- Component init function
--- @function back_handler:init
+--- The @{BackHandler} constructor
+-- @tparam BackHandler self @{BackHandler}
 -- @tparam callback callback On back button
--- @tparam[opt] params Callback argument
-function M.init(self, callback, params)
-	self.params = params
-
+-- @tparam[opt] any custom_args Button events custom arguments
+-- @local
+function BackHandler.init(self, callback, custom_args)
+	self.params = custom_args
 	self.on_back = Event(callback)
 end
 
 
---- Input handler for component
--- @function back_handler:on_input
+--- Component input handler
+-- @tparam BackHandler self @{BackHandler}
 -- @tparam string action_id on_input action id
 -- @tparam table action on_input action
-function M.on_input(self, action_id, action)
-	if not action[const.RELEASED] then
+-- @local
+function BackHandler.on_input(self, action_id, action)
+	if not action.released then
 		return false
 	end
 
@@ -45,4 +73,4 @@ function M.on_input(self, action_id, action)
 end
 
 
-return M
+return BackHandler